Color Charts
RGB
CMYK
RYB
#018aa9 Hex Color CodeThe hexadecimal color code #018aa9 is a medium dark shade of cyan. In the RGB color model #018aa9 is comprised of 0.39% red, 54.12% green and 66.27% blue. In the HSL color space #018aa9 has a hue of 191.07 degrees, 98.82% saturation and 33.33% lightness. This color has an approximate wavelength of 500 nm.
#018aa9 Color InformationInverted
#fe7556 25% Saturated
#008aa9 Grayscale
#545454
25% Lighter
#01acd3 Original
#018aa9 25% Darker
#00677e
steelblue
#4682b4 25% Desaturated
#157c93 Web Safe: teal
#008080
rgb(1, 138, 169)
rgba(1, 138, 169, 1.0)
red: 0.3922%, yellow: 29.9852%, blue: 66.2745%
#018aa9
101033
-16676183 / 0xff018aa9
hsl(191, 99%, 33%)
hsla(191, 99%, 33%, 1.0)
hue: 191 (191.0714), saturation: 99 (99.4083), value: 66 (66.2745)
X: 16.2624, Y: 21.048, Z: 40.7417
x: 0.2084, y: 0.2697, Y: 21.048
L: 53.002, a: -19.8439, b: -25.1506
L: 53.002, u: -37.6372, v: -35.3304
L: 53.002, C: 32.0365, H: 231.7265
L: 45.8781, a: -17.0137, b: -20.5374
cyan: 99 (0.9941), magenta: 18 (0.1834), yellow: 0 (0), key: 34 (0.3373)
cyan: 100 (0.9961), magenta: 46 (0.4588), yellow: 34 (0.3373)
Y: 100.571, I: -91.5722, Q: -19.3243
Y: 100.571, U: 33.6742, V: -87.3553
Y: 100.571, Db: 102.973, Dr: 189.348
Y: 102.371, Cb: 161.885, Cr: 65.656
Y: 111.051, Pb: 31.255, Pr: -69.926
2.5B 5/6 approximate; exact match: Munsell 2.5B 5/6 / #2b859c
#018aa9 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#018aa9 to White#018aa9 to Black#018aa9 foreground
<p style="color: #018aa9">#018aa9 foreground</p>
#018aa9 background
<p style="background-color: #018aa9; color: #fff">#018aa9 background</p>
#018aa9 border
<p style="border: #018aa9 3px solid">#018aa9 border</p>
#018aa9 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #018aa9, #fff); background: -webkit-radial-gradient(50% 50%, #018aa9, #fff); background: -o-radial-gradient(50% 50%, #018aa9, #fff); background: -ms-radial-gradient(50% 50%, #018aa9, #fff); background: radial-gradient(50% 50%, #018aa9, #fff); color: #fff">#018aa9 radial gradient</p>
#018aa9 linear gradient to complementary #a81f00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #018aa9, #a81f00); background: -webkit-linear-gradient(top, #018aa9, #a81f00); background: -o-linear-gradient(top, #018aa9, #a81f00); background: -ms-linear-gradient(top, #018aa9, #a81f00); background: linear-gradient(top, #018aa9, #a81f00); color: #fff">#018aa9 linear gradient to complementary #a81f00</p>
#018aa9 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #018aa9">#018aa9 text shadow</p>
The matching paint colors are listed in order of relevancy to the #018aa9 hex color code. Relevancy is determined by the average visual similarity of the top 4 related paints of each paint brand to the hex color #018aa9.
Jump to paint brand: