Color Charts
RGB
CMYK
RYB
#02d2f0 Hex Color CodeThe hexadecimal color code #02d2f0 is a shade of cyan. In the RGB color model #02d2f0 is comprised of 0.78% red, 82.35% green and 94.12% blue. In the HSL color space #02d2f0 has a hue of 187.56 degrees, 98.35% saturation and 47.45% lightness. This color has an approximate wavelength of 502 nm.
#02d2f0 Color InformationInverted
#fd2d0f 25% Saturated
#00d3f1 Grayscale
#787878
25% Lighter
#31e3fd Original
#02d2f0 25% Darker
#019db3
darkturquoise
#00ced1 25% Desaturated
#1fbbd2 Web Safe: aqua
#00ffff
rgb(2, 210, 240)
rgba(2, 210, 240, 1.0)
red: 0.7843%, yellow: 44.312%, blue: 94.1176%
#02d2f0
185072
-16592144 / 0xff02d2f0
hsl(188, 98%, 47%)
hsla(188, 98%, 47%, 1.0)
hue: 188 (187.563), saturation: 99 (99.1667), value: 94 (94.1176)
X: 38.7998, Y: 52.3974, Z: 90.5068
x: 0.2135, y: 0.2884, Y: 52.3974
L: 77.5178, a: -32.1854, b: -26.8111
L: 77.5178, u: -56.706, v: -38.4713
L: 77.5178, C: 41.8896, H: 219.7949
L: 72.386, a: -30.9973, b: -23.4622
cyan: 99 (0.9917), magenta: 13 (0.125), yellow: 0 (0), key: 6 (0.0588)
cyan: 99 (0.9922), magenta: 18 (0.1765), yellow: 6 (0.0588)
Y: 151.228, I: -133.5468, Q: -34.6488
Y: 151.228, U: 43.6851, V: -130.9203
Y: 151.228, Db: 133.59, Dr: 283.774
Y: 145.874, Cb: 171.954, Cr: 34.558
Y: 167.856, Pb: 38.92, Pr: -105.38
2.5B 8/8 approximate; exact match: Munsell 2.5B 8/8 / #54daf7
#02d2f0 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02d2f0 to White#02d2f0 to Black#02d2f0 foreground
<p style="color: #02d2f0; background-color: #000">#02d2f0 foreground</p>
#02d2f0 background
<p style="background-color: #02d2f0">#02d2f0 background</p>
#02d2f0 border
<p style="border: #02d2f0 3px solid">#02d2f0 border</p>
#02d2f0 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02d2f0, #fff); background: -webkit-radial-gradient(50% 50%, #02d2f0, #fff); background: -o-radial-gradient(50% 50%, #02d2f0, #fff); background: -ms-radial-gradient(50% 50%, #02d2f0, #fff); background: radial-gradient(50% 50%, #02d2f0, #fff)">#02d2f0 radial gradient</p>
#02d2f0 linear gradient to complementary #ef2001
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02d2f0, #ef2001); background: -webkit-linear-gradient(top, #02d2f0, #ef2001); background: -o-linear-gradient(top, #02d2f0, #ef2001); background: -ms-linear-gradient(top, #02d2f0, #ef2001); background: linear-gradient(top, #02d2f0, #ef2001); color: #000">#02d2f0 linear gradient to complementary #ef2001</p>
#02d2f0 text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02d2f0">#02d2f0 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02d2f0 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 #02d2f0.
Jump to paint brand: