#02bbb9
Hex Color CodeThe hexadecimal color code #02bbb9
is a medium dark shade of cyan. In the RGB color model #02bbb9
is comprised of 0.78% red, 73.33% green and 72.55% blue. In the HSL color space #02bbb9
has a hue of 179.35 degrees, 97.88% saturation and 37.06% lightness. This color has an approximate wavelength of 507 nm.
#02bbb9
Color InformationInverted
#fd4446 25% Saturated
#00bcba Grayscale
#5e5e5e
25% Lighter
#02e9e7 Original
#02bbb9 25% Darker
#018c8a
lightseagreen
#20b2aa 25% Desaturated
#19a3a2 Web Safe: teal
#008080
rgb(2, 187, 185)
rgba(2, 187, 185, 1.0)
red: 0.7843%, yellow: 37.256%, blue: 73.3333%
#02bbb9
179129
-16598087 / 0xff02bbb9
hsl(179, 98%, 37%)
hsla(179, 98%, 37%, 1.0)
hue: 179 (179.3514), saturation: 99 (98.9305), value: 73 (73.3333)
X: 26.5523, Y: 39.0563, Z: 52.0381
x: 0.2257, y: 0.332, Y: 39.0563
L: 68.7921, a: -38.6258, b: -10.1757
L: 68.7921, u: -53.3346, v: -9.7922
L: 68.7921, C: 39.9437, H: 194.7589
L: 62.4951, a: -33.527, b: -5.6228
cyan: 99 (0.9893), magenta: 0 (0), yellow: 1 (0.0107), key: 27 (0.2667)
cyan: 99 (0.9922), magenta: 27 (0.2667), yellow: 27 (0.2745)
Y: 131.457, I: -109.5649, Q: -39.7416
Y: 131.457, U: 26.3489, V: -113.575
Y: 131.457, Db: 80.584, Dr: 246.171
Y: 128.892, Cb: 154.502, Cr: 46.927
Y: 147.451, Pb: 20.275, Pr: -92.408
5BG 7/8 approximate; exact match: Munsell 5BG 7/8 / #3cc1be
#02bbb9
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02bbb9
to White#02bbb9
to Black#02bbb9
foreground
<p style="color: #02bbb9; background-color: #000">#02bbb9 foreground</p>
#02bbb9
background
<p style="background-color: #02bbb9">#02bbb9 background</p>
#02bbb9
border
<p style="border: #02bbb9 3px solid">#02bbb9 border</p>
#02bbb9
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02bbb9, #fff); background: -webkit-radial-gradient(50% 50%, #02bbb9, #fff); background: -o-radial-gradient(50% 50%, #02bbb9, #fff); background: -ms-radial-gradient(50% 50%, #02bbb9, #fff); background: radial-gradient(50% 50%, #02bbb9, #fff)">#02bbb9 radial gradient</p>
#02bbb9
linear gradient to complementary #bb0103
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02bbb9, #bb0103); background: -webkit-linear-gradient(top, #02bbb9, #bb0103); background: -o-linear-gradient(top, #02bbb9, #bb0103); background: -ms-linear-gradient(top, #02bbb9, #bb0103); background: linear-gradient(top, #02bbb9, #bb0103); color: #000">
#02bbb9
linear gradient to complementary #bb0103
</p>
#02bbb9
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02bbb9">#02bbb9 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02bbb9
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 #02bbb9
.
Jump to paint brand: