Color Charts
RGB
CMYK
RYB
#02b9d4 Hex Color CodeThe hexadecimal color code #02b9d4 is a shade of cyan. In the RGB color model #02b9d4 is comprised of 0.78% red, 72.55% green and 83.14% blue. In the HSL color space #02b9d4 has a hue of 187.71 degrees, 98.13% saturation and 41.96% lightness. This color has an approximate wavelength of 502 nm.
#02b9d4 Color InformationInverted
#fd462b 25% Saturated
#00bad6 Grayscale
#6b6b6b
25% Lighter
#0edefc Original
#02b9d4 25% Darker
#018a9f
darkturquoise
#00ced1 25% Desaturated
#1ca5b9 Web Safe: teal
#008080
rgb(2, 185, 212)
rgba(2, 185, 212, 1.0)
red: 0.7843%, yellow: 39.1319%, blue: 83.1373%
#02b9d4
178644
-16598572 / 0xff02b9d4
hsl(188, 98%, 42%)
hsla(188, 98%, 42%, 1.0)
hue: 188 (187.7143), saturation: 99 (99.0566), value: 83 (83.1373)
X: 29.2577, Y: 39.4643, Z: 68.3627
x: 0.2134, y: 0.2879, Y: 39.4643
L: 69.0863, a: -29.1501, b: -24.5571
L: 69.0863, u: -50.4829, v: -34.5771
L: 69.0863, C: 38.1153, H: 220.112
L: 62.8206, a: -26.8027, b: -20.5462
cyan: 99 (0.9906), magenta: 13 (0.1274), yellow: 0 (0), key: 17 (0.1686)
cyan: 99 (0.9922), magenta: 27 (0.2745), yellow: 17 (0.1686)
Y: 133.361, I: -117.6901, Q: -30.2958
Y: 133.361, U: 38.6986, V: -115.2453
Y: 133.361, Db: 118.341, Dr: 249.798
Y: 130.53, Cb: 166.937, Cr: 45.746
Y: 147.965, Pb: 34.545, Pr: -92.742
2.5B 7/8 approximate; exact match: Munsell 2.5B 7/8 / #3abedb
#02b9d4 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02b9d4 to White#02b9d4 to Black#02b9d4 foreground
<p style="color: #02b9d4; background-color: #000">#02b9d4 foreground</p>
#02b9d4 background
<p style="background-color: #02b9d4">#02b9d4 background</p>
#02b9d4 border
<p style="border: #02b9d4 3px solid">#02b9d4 border</p>
#02b9d4 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02b9d4, #fff); background: -webkit-radial-gradient(50% 50%, #02b9d4, #fff); background: -o-radial-gradient(50% 50%, #02b9d4, #fff); background: -ms-radial-gradient(50% 50%, #02b9d4, #fff); background: radial-gradient(50% 50%, #02b9d4, #fff)">#02b9d4 radial gradient</p>
#02b9d4 linear gradient to complementary #d41d01
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02b9d4, #d41d01); background: -webkit-linear-gradient(top, #02b9d4, #d41d01); background: -o-linear-gradient(top, #02b9d4, #d41d01); background: -ms-linear-gradient(top, #02b9d4, #d41d01); background: linear-gradient(top, #02b9d4, #d41d01); color: #000">#02b9d4 linear gradient to complementary #d41d01</p>
#02b9d4 text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02b9d4">#02b9d4 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02b9d4 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 #02b9d4.
Jump to paint brand: