#02accb
Hex Color CodeThe hexadecimal color code #02accb
is a shade of cyan. In the RGB color model #02accb
is comprised of 0.78% red, 67.45% green and 79.61% blue. In the HSL color space #02accb
has a hue of 189.25 degrees, 98.05% saturation and 40.2% lightness. This color has an approximate wavelength of 501 nm.
#02accb
Color InformationInverted
#fd5334 25% Saturated
#00adcd Grayscale
#666666
25% Lighter
#03d6fc Original
#02accb 25% Darker
#018098
deepskyblue
#00bfff 25% Desaturated
#1b9ab1 Web Safe: teal
#008080
rgb(2, 172, 203)
rgba(2, 172, 203, 1.0)
red: 0.7843%, yellow: 36.9029%, blue: 79.6078%
#02accb
175307
-16601909 / 0xff02accb
hsl(189, 98%, 40%)
hsla(189, 98%, 40%, 1.0)
hue: 189 (189.2537), saturation: 99 (99.0148), value: 80 (79.6078)
X: 25.5571, Y: 33.8298, Z: 61.6827
x: 0.2111, y: 0.2794, Y: 33.8298
L: 64.8272, a: -25.672, b: -26.13
L: 64.8272, u: -46.7483, v: -37.3482
L: 64.8272, C: 36.6309, H: 225.5065
L: 58.1633, a: -23.3527, b: -22.1632
cyan: 99 (0.9901), magenta: 15 (0.1527), yellow: 0 (0), key: 20 (0.2039)
cyan: 99 (0.9922), magenta: 33 (0.3255), yellow: 20 (0.2039)
Y: 124.704, I: -111.2309, Q: -26.3023
Y: 124.704, U: 38.5298, V: -107.6503
Y: 124.704, Db: 117.823, Dr: 233.337
Y: 123.096, Cb: 166.769, Cr: 51.169
Y: 138.022, Pb: 35.05, Pr: -86.426
2.5B 6/8 (approximate)
#02accb
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02accb
to White#02accb
to Black#02accb
foreground
<p style="color: #02accb">#02accb foreground</p>
#02accb
background
<p style="background-color: #02accb; color: #fff">#02accb background</p>
#02accb
border
<p style="border: #02accb 3px solid">#02accb border</p>
#02accb
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02accb, #fff); background: -webkit-radial-gradient(50% 50%, #02accb, #fff); background: -o-radial-gradient(50% 50%, #02accb, #fff); background: -ms-radial-gradient(50% 50%, #02accb, #fff); background: radial-gradient(50% 50%, #02accb, #fff); color: #fff">#02accb radial gradient</p>
#02accb
linear gradient to complementary #cb2001
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02accb, #cb2001); background: -webkit-linear-gradient(top, #02accb, #cb2001); background: -o-linear-gradient(top, #02accb, #cb2001); background: -ms-linear-gradient(top, #02accb, #cb2001); background: linear-gradient(top, #02accb, #cb2001); color: #fff">
#02accb
linear gradient to complementary #cb2001
</p>
#02accb
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02accb">#02accb text shadow</p>
The matching paint colors are listed in order of relevancy to the #02accb
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 #02accb
.
Jump to paint brand: