#00ba96 Color Information
In a RGB color space, hex #00ba96 is composed of 0% red, 72.9% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 0% magenta, 19.4% yellow and 27.1% black. It has a hue angle of 168.4 degrees, a saturation of 100% and a lightness of 36.5%. #00ba96 color hex could be obtained by blending #00ffff with #00752d. Closest websafe color is: #00cc99.
-
- R 0
- G 73
- B 59
-
- C 100
- M 0
- Y 19
- K 27
● #00ba96 color description : Strong cyan.
#00ba96 Color Conversion
The hexadecimal color #00ba96 has RGB values of R:0, G:186, B:150 and CMYK values of C:1, M:0, Y:0.19, K:0.27. Its decimal value is 47766.
Hex triplet | 00ba96 | #00ba96 |
---|---|---|
RGB Decimal | 0, 186, 150 | rgb(0,186,150) |
RGB Percent | 0, 72.9, 58.8 | rgb(0%,72.9%,58.8%) |
CMYK | 100, 0, 19, 27 | |
HSL | 168.4°, 100, 36.5 | hsl(168.4,100%,36.5%) |
HSV (or HSB) | 168.4°, 100, 72.9 | |
Web Safe | 00cc99 | #00cc99 |
CIE-LAB | 67.514, -48.119, 7.196 |
---|---|
XYZ | 23.062, 37.317, 34.84 |
xyY | 0.242, 0.392, 37.317 |
CIE-LCH | 67.514, 48.654, 171.495 |
CIE-LUV | 67.514, -55.848, 17.812 |
Hunter-Lab | 61.088, -39.517, 8.947 |
Binary | 00000000, 10111010, 10010110 |
Color Schemes with #00ba96
Alternatives to #00ba96
Below, you can see some colors close to #00ba96. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#00ba96 Preview
This text has a font color of #00ba96.
<span style="color:#00ba96;">Text here</span>
This paragraph has a background color of #00ba96.
<p style="background-color:#00ba96;">Content here</p>
This element has a border color of #00ba96.
<div style="border:1px solid #00ba96;">Content here</div>
.text {color:#00ba96;}
.background {background-color:#00ba96;}
.border {border:1px solid #00ba96;}
Shades and Tints of #00ba96
A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #000908 is the darkest color, while #f5fffd is the lightest one.
-
#000908
#000908
rgb(0,9,8)
-
#001d17
#001d17
rgb(0,29,23)
-
#003127
#003127
rgb(0,49,39)
-
#004437
#004437
rgb(0,68,55)
-
#005847
#005847
rgb(0,88,71)
-
#006c57
#006c57
rgb(0,108,87)
-
#007f67
#007f67
rgb(0,127,103)
-
#009376
#009376
rgb(0,147,118)
-
#00a686
#00a686
rgb(0,166,134)
-
#00ba96
#00ba96
rgb(0,186,150)
-
#00cea6
#00cea6
rgb(0,206,166)
-
#00e1b6
#00e1b6
rgb(0,225,182)
-
#00f5c5
#00f5c5
rgb(0,245,197)
-
#09ffcf
#09ffcf
rgb(9,255,207)
-
#1dffd3
#1dffd3
rgb(29,255,211)
-
#31ffd7
#31ffd7
rgb(49,255,215)
-
#44ffdb
#44ffdb
rgb(68,255,219)
-
#58ffdf
#58ffdf
rgb(88,255,223)
-
#6cffe2
#6cffe2
rgb(108,255,226)
-
#7fffe6
#7fffe6
rgb(127,255,230)
-
#93ffea
#93ffea
rgb(147,255,234)
-
#a6ffee
#a6ffee
rgb(166,255,238)
-
#bafff2
#bafff2
rgb(186,255,242)
-
#cefff5
#cefff5
rgb(206,255,245)
-
#e1fff9
#e1fff9
rgb(225,255,249)
-
#f5fffd
#f5fffd
rgb(245,255,253)
Tones of #00ba96
A tone is produced by adding gray to any pure hue. In this case, #566461 is the less saturated color, while #00ba96 is the most saturated one.
-
#566461
#566461
rgb(86,100,97)
-
#4f6b66
#4f6b66
rgb(79,107,102)
-
#48726a
#48726a
rgb(72,114,106)
-
#407a6f
#407a6f
rgb(64,122,111)
-
#398173
#398173
rgb(57,129,115)
-
#328877
#328877
rgb(50,136,119)
-
#2b8f7c
#2b8f7c
rgb(43,143,124)
-
#249680
#249680
rgb(36,150,128)
-
#1d9d84
#1d9d84
rgb(29,157,132)
-
#15a589
#15a589
rgb(21,165,137)
-
#0eac8d
#0eac8d
rgb(14,172,141)
-
#07b392
#07b392
rgb(7,179,146)
-
#00ba96
#00ba96
rgb(0,186,150)
Color Blindness Simulator
Below, you can see how #00ba96 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.