#00afbe
Hex Color CodeThe hexadecimal color code #00afbe
is a medium dark shade of cyan. In the RGB color model #00afbe
is comprised of 0% red, 68.63% green and 74.51% blue. In the HSL color space #00afbe
has a hue of 184.74 degrees, 100% saturation and 37.25% lightness. This color has an approximate wavelength of 504 nm.
#00afbe
Color InformationInverted
#ff5041 25% Saturated
#00aebe Grayscale
#5f5f5f
25% Lighter
#00daed Original
#00afbe 25% Darker
#00838e
lightseagreen
#20b2aa 25% Desaturated
#179aa6 Web Safe: teal
#008080
rgb(0, 175, 190)
rgba(0, 175, 190, 1.0)
red: 0%, yellow: 35.7239%, blue: 74.5098%
#00afbe
44990
-16732226 / 0xff00afbe
hsl(185, 100%, 37%)
hsla(185, 100%, 37%, 1.0)
hue: 185 (184.7368), saturation: 100 (100), value: 75 (74.5098)
X: 24.6242, Y: 34.3776, Z: 54.0529
x: 0.2178, y: 0.3041, Y: 34.3776
L: 65.2612, a: -31.5179, b: -18.256
L: 65.2612, u: -48.8848, v: -23.6517
L: 65.2612, C: 36.4233, H: 210.0805
L: 58.6325, a: -27.641, b: -13.6164
cyan: 100 (1), magenta: 8 (0.0789), yellow: 0 (0), key: 25 (0.2549)
cyan: 100 (1), magenta: 31 (0.3137), yellow: 25 (0.2549)
Y: 124.385, I: -109.0692, Q: -32.3378
Y: 124.385, U: 32.2895, V: -109.1251
Y: 124.385, Db: 98.745, Dr: 236.53
Y: 122.82, Cb: 160.485, Cr: 50.11
Y: 138.805, Pb: 27.625, Pr: -88.19
10BG 6/8 (approximate)
#00afbe
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#00afbe
to White#00afbe
to Black#00afbe
foreground
<p style="color: #00afbe">#00afbe foreground</p>
#00afbe
background
<p style="background-color: #00afbe; color: #fff">#00afbe background</p>
#00afbe
border
<p style="border: #00afbe 3px solid">#00afbe border</p>
#00afbe
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #00afbe, #fff); background: -webkit-radial-gradient(50% 50%, #00afbe, #fff); background: -o-radial-gradient(50% 50%, #00afbe, #fff); background: -ms-radial-gradient(50% 50%, #00afbe, #fff); background: radial-gradient(50% 50%, #00afbe, #fff); color: #fff">#00afbe radial gradient</p>
#00afbe
linear gradient to complementary #be0f00
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #00afbe, #be0f00); background: -webkit-linear-gradient(top, #00afbe, #be0f00); background: -o-linear-gradient(top, #00afbe, #be0f00); background: -ms-linear-gradient(top, #00afbe, #be0f00); background: linear-gradient(top, #00afbe, #be0f00); color: #fff">
#00afbe
linear gradient to complementary #be0f00
</p>
#00afbe
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #00afbe">#00afbe text shadow</p>
The matching paint colors are listed in order of relevancy to the #00afbe
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 #00afbe
.
Jump to paint brand: