Color Charts
RGB
CMYK
RYB
#02f5b8 Hex Color CodeThe hexadecimal color code #02f5b8 is a shade of green-cyan. In the RGB color model #02f5b8 is comprised of 0.78% red, 96.08% green and 72.16% blue. In the HSL color space #02f5b8 has a hue of 164.94 degrees, 98.38% saturation and 48.43% lightness. This color has an approximate wavelength of 516 nm.
#02f5b8 Color InformationInverted
#fd0a47 25% Saturated
#00f7b8 Grayscale
#7b7b7b
25% Lighter
#37fdcb Original
#02f5b8 25% Darker
#01b78a
mediumspringgreen
#00fa9a 25% Desaturated
#20d6a8 Web Safe: aqua
#00ffff
rgb(2, 245, 184)
rgba(2, 245, 184, 1.0)
red: 0.7843%, yellow: 55.2701%, blue: 96.0784%
#02f5b8
193976
-16583240 / 0xff02f5b8
hsl(165, 98%, 48%)
hsla(165, 98%, 48%, 1.0)
hue: 165 (164.9383), saturation: 99 (99.1837), value: 96 (96.0784)
X: 41.3292, Y: 68.7784, Z: 56.4447
x: 0.2481, y: 0.413, Y: 68.7784
L: 86.3942, a: -62.5548, b: 15.8781
L: 86.3942, u: -72.7459, v: 33.6059
L: 86.3942, C: 64.5385, H: 165.7576
L: 82.9328, a: -56.1776, b: 17.6997
cyan: 99 (0.9918), magenta: 0 (0), yellow: 25 (0.249), key: 4 (0.0392)
cyan: 99 (0.9922), magenta: 4 (0.0392), yellow: 28 (0.2784)
Y: 165.389, I: -125.1619, Q: -70.363
Y: 165.389, U: 9.159, V: -143.3444
Y: 165.389, Db: 28.037, Dr: 310.682
Y: 158.026, Cb: 137.185, Cr: 25.654
Y: 188.849, Pb: -2.555, Pr: -118.694
5G 8/12 (approximate)
#02f5b8 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02f5b8 to White#02f5b8 to Black#02f5b8 foreground
<p style="color: #02f5b8; background-color: #000">#02f5b8 foreground</p>
#02f5b8 background
<p style="background-color: #02f5b8">#02f5b8 background</p>
#02f5b8 border
<p style="border: #02f5b8 3px solid">#02f5b8 border</p>
#02f5b8 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02f5b8, #fff); background: -webkit-radial-gradient(50% 50%, #02f5b8, #fff); background: -o-radial-gradient(50% 50%, #02f5b8, #fff); background: -ms-radial-gradient(50% 50%, #02f5b8, #fff); background: radial-gradient(50% 50%, #02f5b8, #fff)">#02f5b8 radial gradient</p>
#02f5b8 linear gradient to complementary #f5013e
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02f5b8, #f5013e); background: -webkit-linear-gradient(top, #02f5b8, #f5013e); background: -o-linear-gradient(top, #02f5b8, #f5013e); background: -ms-linear-gradient(top, #02f5b8, #f5013e); background: linear-gradient(top, #02f5b8, #f5013e); color: #000">#02f5b8 linear gradient to complementary #f5013e</p>
#02f5b8 text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02f5b8">#02f5b8 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02f5b8 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 #02f5b8.
Jump to paint brand: