#02bbb5
Hex Color CodeThe hexadecimal color code #02bbb5
is a medium dark shade of cyan. In the RGB color model #02bbb5
is comprised of 0.78% red, 73.33% green and 70.98% blue. In the HSL color space #02bbb5
has a hue of 178.05 degrees, 97.88% saturation and 37.06% lightness. This color has an approximate wavelength of 508 nm.
#02bbb5
Color InformationInverted
#fd444a 25% Saturated
#00bcb6 Grayscale
#5e5e5e
25% Lighter
#02e9e2 Original
#02bbb5 25% Darker
#018c87
lightseagreen
#20b2aa 25% Desaturated
#19a39f Web Safe: teal
#008080
rgb(2, 187, 181)
rgba(2, 187, 181, 1.0)
red: 0.7843%, yellow: 37.6568%, blue: 73.3333%
#02bbb5
179125
-16598091 / 0xff02bbb5
hsl(178, 98%, 37%)
hsla(178, 98%, 37%, 1.0)
hue: 178 (178.0541), saturation: 99 (98.9305), value: 73 (73.3333)
X: 26.1358, Y: 38.8897, Z: 49.845
x: 0.2275, y: 0.3386, Y: 38.8897
L: 68.6713, a: -39.8234, b: -8.1556
L: 68.6713, u: -53.657, v: -6.4307
L: 68.6713, C: 40.6499, H: 191.5739
L: 62.3616, a: -34.3233, b: -3.7367
cyan: 99 (0.9893), magenta: 0 (0), yellow: 3 (0.0321), key: 27 (0.2667)
cyan: 99 (0.9922), magenta: 27 (0.2667), yellow: 29 (0.2902)
Y: 131.001, I: -108.2799, Q: -40.9862
Y: 131.001, U: 24.6049, V: -113.1749
Y: 131.001, Db: 75.252, Dr: 245.303
Y: 128.5, Cb: 152.746, Cr: 47.211
Y: 147.163, Pb: 18.275, Pr: -92.224
5BG 7/8 approximate; exact match: Munsell 5BG 7/8 / #3cc1be
#02bbb5
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02bbb5
to White#02bbb5
to Black#02bbb5
foreground
<p style="color: #02bbb5; background-color: #000">#02bbb5 foreground</p>
#02bbb5
background
<p style="background-color: #02bbb5">#02bbb5 background</p>
#02bbb5
border
<p style="border: #02bbb5 3px solid">#02bbb5 border</p>
#02bbb5
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02bbb5, #fff); background: -webkit-radial-gradient(50% 50%, #02bbb5, #fff); background: -o-radial-gradient(50% 50%, #02bbb5, #fff); background: -ms-radial-gradient(50% 50%, #02bbb5, #fff); background: radial-gradient(50% 50%, #02bbb5, #fff)">#02bbb5 radial gradient</p>
#02bbb5
linear gradient to complementary #bb0107
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02bbb5, #bb0107); background: -webkit-linear-gradient(top, #02bbb5, #bb0107); background: -o-linear-gradient(top, #02bbb5, #bb0107); background: -ms-linear-gradient(top, #02bbb5, #bb0107); background: linear-gradient(top, #02bbb5, #bb0107); color: #000">
#02bbb5
linear gradient to complementary #bb0107
</p>
#02bbb5
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02bbb5">#02bbb5 text shadow</p>
The matching paint colors are listed in order of relevancy to the #02bbb5
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 #02bbb5
.
Jump to paint brand: