Color Charts
RGB
CMYK
RYB
#00b2b2 Hex Color CodeThe hexadecimal color code #00b2b2 is a medium dark shade of cyan. In the RGB color model #00b2b2 is comprised of 0% red, 69.8% green and 69.8% blue. In the HSL color space #00b2b2 has a hue of 180 degrees, 100% saturation and 34.9% lightness. This color has an approximate wavelength of 507 nm.
#00b2b2 Color InformationInverted
#ff4d4d 25% Saturated
#00b1b2 Grayscale
#595959
25% Lighter
#00dede Original
#00b2b2 25% Darker
#008585
lightseagreen
#20b2aa 25% Desaturated
#169b9b Web Safe: teal
#008080
rgb(0, 178, 178)
rgba(0, 178, 178, 1.0)
red: 0%, yellow: 34.902%, blue: 69.8039%
#00b2b2
45746
-16731470 / 0xff00b2b2
hsl(180, 100%, 35%)
hsla(180, 100%, 35%, 1.0)
hue: 180 (180), saturation: 100 (100), value: 70 (69.8039)
X: 23.9563, Y: 35.0551, Z: 47.6232
x: 0.2247, y: 0.3287, Y: 35.0551
L: 65.7916, a: -36.7124, b: -10.7955
L: 65.7916, u: -50.8853, v: -10.9876
L: 65.7916, C: 38.2668, H: 196.3863
L: 59.2074, a: -31.3889, b: -6.2445
cyan: 100 (1), magenta: 0 (0), yellow: 0 (0), key: 30 (0.302)
cyan: 100 (1), magenta: 30 (0.302), yellow: 30 (0.302)
Y: 124.778, I: -106.0374, Q: -37.6392
Y: 124.778, U: 26.1909, V: -109.47
Y: 124.778, Db: 80.1, Dr: 237.274
Y: 123.156, Cb: 154.344, Cr: 49.858
Y: 140.086, Pb: 20.47, Pr: -89
5BG 6/8 (approximate)
#00b2b2 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#00b2b2 to White#00b2b2 to Black#00b2b2 foreground
<p style="color: #00b2b2">#00b2b2 foreground</p>
#00b2b2 background
<p style="background-color: #00b2b2; color: #fff">#00b2b2 background</p>
#00b2b2 border
<p style="border: #00b2b2 3px solid">#00b2b2 border</p>
#00b2b2 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #00b2b2, #fff); background: -webkit-radial-gradient(50% 50%, #00b2b2, #fff); background: -o-radial-gradient(50% 50%, #00b2b2, #fff); background: -ms-radial-gradient(50% 50%, #00b2b2, #fff); background: radial-gradient(50% 50%, #00b2b2, #fff); color: #fff">#00b2b2 radial gradient</p>
#00b2b2 linear gradient to complementary #b20000
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #00b2b2, #b20000); background: -webkit-linear-gradient(top, #00b2b2, #b20000); background: -o-linear-gradient(top, #00b2b2, #b20000); background: -ms-linear-gradient(top, #00b2b2, #b20000); background: linear-gradient(top, #00b2b2, #b20000); color: #fff">#00b2b2 linear gradient to complementary #b20000</p>
#00b2b2 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #00b2b2">#00b2b2 text shadow</p>
The matching paint colors are listed in order of relevancy to the #00b2b2 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 #00b2b2.
Jump to paint brand: