#02bbbc
Hex Color CodeThe hexadecimal color code #02bbbc
is a medium dark shade of cyan. In the RGB color model #02bbbc
is comprised of 0.78% red, 73.33% green and 73.73% blue. In the HSL color space #02bbbc
has a hue of 180.32 degrees, 97.89% saturation and 37.25% lightness. This color has an approximate wavelength of 506 nm.
#02bbbc
Color InformationInverted
#fd4443 25% Saturated
#00bcbe Grayscale
#5f5f5f
25% Lighter
#02e9eb Original
#02bbbc 25% Darker
#018c8d
lightseagreen
#20b2aa 25% Desaturated
#19a3a4 Web Safe: teal
#008080
rgb(2, 187, 188)
rgba(2, 187, 188, 1.0)
red: 0.7843%, yellow: 37.1566%, blue: 73.7255%
#02bbbc
179132
-16598084 / 0xff02bbbc
hsl(180, 98%, 37%)
hsla(180, 98%, 37%, 1.0)
hue: 180 (180.3226), saturation: 99 (98.9362), value: 74 (73.7255)
X: 26.8725, Y: 39.1844, Z: 53.724
x: 0.2243, y: 0.3271, Y: 39.1844
L: 68.8846, a: -37.7164, b: -11.6868
L: 68.8846, u: -53.0925, v: -12.3283
L: 68.8846, C: 39.4856, H: 197.2161
L: 62.5974, a: -32.9172, b: -7.0672
cyan: 99 (0.9894), magenta: 1 (0.0053), yellow: 0 (0), key: 26 (0.2627)
cyan: 99 (0.9922), magenta: 27 (0.2667), yellow: 26 (0.2627)
Y: 131.799, I: -110.5287, Q: -38.8082
Y: 131.799, U: 27.6569, V: -113.875
Y: 131.799, Db: 84.583, Dr: 246.822
Y: 129.186, Cb: 155.819, Cr: 46.714
Y: 147.667, Pb: 21.775, Pr: -92.546
5BG 7/8 approximate; exact match: Munsell 5BG 7/8 / #3cc1be
#02bbbc
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02bbbc
to White#02bbbc
to Black#02bbbc
foreground
<p style="color: #02bbbc; background-color: #000">#02bbbc foreground</p>
#02bbbc
background
<p style="background-color: #02bbbc">#02bbbc background</p>
#02bbbc
border
<p style="border: #02bbbc 3px solid">#02bbbc border</p>
#02bbbc
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02bbbc, #fff); background: -webkit-radial-gradient(50% 50%, #02bbbc, #fff); background: -o-radial-gradient(50% 50%, #02bbbc, #fff); background: -ms-radial-gradient(50% 50%, #02bbbc, #fff); background: radial-gradient(50% 50%, #02bbbc, #fff)">#02bbbc radial gradient</p>
#02bbbc
linear gradient to complementary #bc0301
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02bbbc, #bc0301); background: -webkit-linear-gradient(top, #02bbbc, #bc0301); background: -o-linear-gradient(top, #02bbbc, #bc0301); background: -ms-linear-gradient(top, #02bbbc, #bc0301); background: linear-gradient(top, #02bbbc, #bc0301); color: #000">
#02bbbc
linear gradient to complementary #bc0301
</p>
#02bbbc
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #02bbbc">#02bbbc text shadow</p>
The matching paint colors are listed in order of relevancy to the #02bbbc
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 #02bbbc
.
Jump to paint brand: