#00af9c
Hex Color CodeThe hexadecimal color code #00af9c
is a medium dark shade of cyan. In the RGB color model #00af9c
is comprised of 0% red, 68.63% green and 61.18% blue. In the HSL color space #00af9c
has a hue of 173.49 degrees, 100% saturation and 34.31% lightness. This color has an approximate wavelength of 511 nm.
#00af9c
Color InformationInverted
#ff5063 25% Saturated
#00af9c Grayscale
#575757
25% Lighter
#00dac3 Original
#00af9c 25% Darker
#008375
lightseagreen
#20b2aa 25% Desaturated
#15998a Web Safe: teal
#008080
rgb(0, 175, 156)
rgba(0, 175, 156, 1.0)
red: 0%, yellow: 36.2834%, blue: 68.6275%
#00af9c
44956
-16732260 / 0xff00af9c
hsl(173, 100%, 34%)
hsla(173, 100%, 34%, 1.0)
hue: 173 (173.4857), saturation: 100 (100), value: 69 (68.6275)
X: 21.3307, Y: 33.0602, Z: 36.7095
x: 0.2341, y: 0.3629, Y: 33.0602
L: 64.2097, a: -41.8814, b: -0.9065
L: 64.2097, u: -51.6172, v: 4.9567
L: 64.2097, C: 41.8912, H: 181.2399
L: 57.498, a: -34.4013, b: 2.395
cyan: 100 (1), magenta: 0 (0), yellow: 11 (0.1086), key: 31 (0.3137)
cyan: 100 (1), magenta: 31 (0.3137), yellow: 39 (0.3882)
Y: 120.509, I: -98.1463, Q: -42.9164
Y: 120.509, U: 17.4655, V: -105.7248
Y: 120.509, Db: 53.423, Dr: 229.152
Y: 119.488, Cb: 145.559, Cr: 52.524
Y: 136.357, Pb: 10.625, Pr: -86.626
10G 6/8 approximate; exact match: Munsell 10G 6/8 / #26a691
#00af9c
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#00af9c
to White#00af9c
to Black#00af9c
foreground
<p style="color: #00af9c">#00af9c foreground</p>
#00af9c
background
<p style="background-color: #00af9c; color: #fff">#00af9c background</p>
#00af9c
border
<p style="border: #00af9c 3px solid">#00af9c border</p>
#00af9c
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #00af9c, #fff); background: -webkit-radial-gradient(50% 50%, #00af9c, #fff); background: -o-radial-gradient(50% 50%, #00af9c, #fff); background: -ms-radial-gradient(50% 50%, #00af9c, #fff); background: radial-gradient(50% 50%, #00af9c, #fff); color: #fff">#00af9c radial gradient</p>
#00af9c
linear gradient to complementary #af0012
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #00af9c, #af0012); background: -webkit-linear-gradient(top, #00af9c, #af0012); background: -o-linear-gradient(top, #00af9c, #af0012); background: -ms-linear-gradient(top, #00af9c, #af0012); background: linear-gradient(top, #00af9c, #af0012); color: #fff">
#00af9c
linear gradient to complementary #af0012
</p>
#00af9c
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #00af9c">#00af9c text shadow</p>
The matching paint colors are listed in order of relevancy to the #00af9c
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 #00af9c
.
Jump to paint brand: