Color Charts
RGB
CMYK
RYB
#02b3c6 Hex Color CodeThe hexadecimal color code #02b3c6 is a medium dark shade of cyan. In the RGB color model #02b3c6 is comprised of 0.78% red, 70.2% green and 77.65% blue. In the HSL color space #02b3c6 has a hue of 185.82 degrees, 98% saturation and 39.22% lightness. This color has an approximate wavelength of 503 nm.
#02b3c6 Color InformationInverted
#fd4c39 25% Saturated
#00b4c8 Grayscale
#646464
25% Lighter
#02dff7 Original
#02b3c6 25% Darker
#018694
lightseagreen
#20b2aa 25% Desaturated
#1a9fad Web Safe: teal
#008080
rgb(2, 179, 198)
rgba(2, 179, 198, 1.0)
red: 0.7843%, yellow: 37.2581%, blue: 77.6471%
#02b3c6
177094
-16600122 / 0xff02b3c6
hsl(186, 98%, 39%)
hsla(186, 98%, 39%, 1.0)
hue: 186 (185.8163), saturation: 99 (98.9899), value: 78 (77.6471)
X: 26.3382, Y: 36.3303, Z: 59.0504
x: 0.2164, y: 0.2985, Y: 36.3303
L: 66.7715, a: -30.7978, b: -20.3893
L: 66.7715, u: -49.545, v: -27.3136
L: 66.7715, C: 36.9354, H: 213.506
L: 60.2746, a: -27.4816, b: -15.8935
cyan: 99 (0.9899), magenta: 10 (0.096), yellow: 0 (0), key: 22 (0.2235)
cyan: 99 (0.9922), magenta: 30 (0.298), yellow: 22 (0.2235)
Y: 128.243, I: -111.5457, Q: -31.5161
Y: 128.243, U: 34.3278, V: -110.7552
Y: 128.243, Db: 104.977, Dr: 240.064
Y: 126.134, Cb: 162.537, Cr: 48.948
Y: 142.667, Pb: 29.855, Pr: -89.374
10BG 7/8 approximate; exact match: Munsell 10BG 7/8 / #34bfd2
#02b3c6 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02b3c6 to White#02b3c6 to Black#02b3c6 foreground
<p style="color: #02b3c6; background-color: #000">#02b3c6 foreground</p>
#02b3c6 background
<p style="background-color: #02b3c6">#02b3c6 background</p>
#02b3c6 border
<p style="border: #02b3c6 3px solid">#02b3c6 border</p>
#02b3c6 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02b3c6, #fff); background: -webkit-radial-gradient(50% 50%, #02b3c6, #fff); background: -o-radial-gradient(50% 50%, #02b3c6, #fff); background: -ms-radial-gradient(50% 50%, #02b3c6, #fff); background: radial-gradient(50% 50%, #02b3c6, #fff)">#02b3c6 radial gradient</p>
#02b3c6 linear gradient to complementary #c61401
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02b3c6, #c61401); background: -webkit-linear-gradient(top, #02b3c6, #c61401); background: -o-linear-gradient(top, #02b3c6, #c61401); background: -ms-linear-gradient(top, #02b3c6, #c61401); background: linear-gradient(top, #02b3c6, #c61401); color: #000">#02b3c6 linear gradient to complementary #c61401</p>
#02b3c6 text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02b3c6">#02b3c6 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02b3c6 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 #02b3c6.
Jump to paint brand: