#00b2b1
Hex Color CodeThe hexadecimal color code #00b2b1
is a medium dark shade of cyan. In the RGB color model #00b2b1
is comprised of 0% red, 69.8% green and 69.41% blue. In the HSL color space #00b2b1
has a hue of 179.66 degrees, 100% saturation and 34.9% lightness. This color has an approximate wavelength of 507 nm.
#00b2b1
Color InformationInverted
#ff4d4e 25% Saturated
#00b2b1 Grayscale
#595959
25% Lighter
#00dedd Original
#00b2b1 25% Darker
#008584
lightseagreen
#20b2aa 25% Desaturated
#169b9b Web Safe: teal
#008080
rgb(0, 178, 177)
rgba(0, 178, 177, 1.0)
red: 0%, yellow: 35.0003%, blue: 69.8039%
#00b2b1
45745
-16731471 / 0xff00b2b1
hsl(180, 100%, 35%)
hsla(180, 100%, 35%, 1.0)
hue: 180 (179.6629), saturation: 100 (100), value: 70 (69.8039)
X: 23.8562, Y: 35.0151, Z: 47.0962
x: 0.2251, y: 0.3304, Y: 35.0151
L: 65.7604, a: -37.0186, b: -10.2872
L: 65.7604, u: -50.9661, v: -10.1417
L: 65.7604, C: 38.4214, H: 195.5302
L: 59.1736, a: -31.5903, b: -5.7674
cyan: 100 (1), magenta: 0 (0), yellow: 1 (0.0056), key: 30 (0.302)
cyan: 100 (1), magenta: 30 (0.302), yellow: 31 (0.3059)
Y: 124.664, I: -105.7162, Q: -37.9503
Y: 124.664, U: 25.7549, V: -109.37
Y: 124.664, Db: 78.767, Dr: 237.057
Y: 123.058, Cb: 153.905, Cr: 49.929
Y: 140.014, Pb: 19.97, Pr: -88.954
5BG 6/8 (approximate)
#00b2b1
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#00b2b1
to White#00b2b1
to Black#00b2b1
foreground
<p style="color: #00b2b1">#00b2b1 foreground</p>
#00b2b1
background
<p style="background-color: #00b2b1; color: #fff">#00b2b1 background</p>
#00b2b1
border
<p style="border: #00b2b1 3px solid">#00b2b1 border</p>
#00b2b1
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #00b2b1, #fff); background: -webkit-radial-gradient(50% 50%, #00b2b1, #fff); background: -o-radial-gradient(50% 50%, #00b2b1, #fff); background: -ms-radial-gradient(50% 50%, #00b2b1, #fff); background: radial-gradient(50% 50%, #00b2b1, #fff); color: #fff">#00b2b1 radial gradient</p>
#00b2b1
linear gradient to complementary #b20000
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #00b2b1, #b20000); background: -webkit-linear-gradient(top, #00b2b1, #b20000); background: -o-linear-gradient(top, #00b2b1, #b20000); background: -ms-linear-gradient(top, #00b2b1, #b20000); background: linear-gradient(top, #00b2b1, #b20000); color: #fff">
#00b2b1
linear gradient to complementary #b20000
</p>
#00b2b1
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #00b2b1">#00b2b1 text shadow</p>
The matching paint colors are listed in order of relevancy to the #00b2b1
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 #00b2b1
.
Jump to paint brand: