#00bb96 Color Information
In a RGB color space, hex #00bb96 is composed of 0% red, 73.3% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 0% magenta, 19.8% yellow and 26.7% black. It has a hue angle of 168.1 degrees, a saturation of 100% and a lightness of 36.7%. #00bb96 color hex could be obtained by blending #00ffff with #00772d. Closest websafe color is: #00cc99.
-
- R 0
- G 73
- B 59
-
- C 100
- M 0
- Y 20
- K 27
● #00bb96 color description : Strong cyan.
#00bb96 Color Conversion
The hexadecimal color #00bb96 has RGB values of R:0, G:187, B:150 and CMYK values of C:1, M:0, Y:0.2, K:0.27. Its decimal value is 48022.
Hex triplet | 00bb96 | #00bb96 |
---|---|---|
RGB Decimal | 0, 187, 150 | rgb(0,187,150) |
RGB Percent | 0, 73.3, 58.8 | rgb(0%,73.3%,58.8%) |
CMYK | 100, 0, 20, 27 | |
HSL | 168.1°, 100, 36.7 | hsl(168.1,100%,36.7%) |
HSV (or HSB) | 168.1°, 100, 73.3 | |
Web Safe | 00cc99 | #00cc99 |
CIE-LAB | 67.829, -48.524, 7.645 |
---|---|
XYZ | 23.273, 37.74, 34.91 |
xyY | 0.243, 0.393, 37.74 |
CIE-LCH | 67.829, 49.122, 171.046 |
CIE-LUV | 67.829, -56.187, 18.53 |
Hunter-Lab | 61.433, -39.885, 9.31 |
Binary | 00000000, 10111011, 10010110 |
Color Schemes with #00bb96
Alternatives to #00bb96
Below, you can see some colors close to #00bb96. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#00bb96 Preview
This text has a font color of #00bb96.
<span style="color:#00bb96;">Text here</span>
This paragraph has a background color of #00bb96.
<p style="background-color:#00bb96;">Content here</p>
This element has a border color of #00bb96.
<div style="border:1px solid #00bb96;">Content here</div>
.text {color:#00bb96;}
.background {background-color:#00bb96;}
.border {border:1px solid #00bb96;}
Shades and Tints of #00bb96
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, #000a08 is the darkest color, while #f6fffd is the lightest one.
-
#000a08
#000a08
rgb(0,10,8)
-
#001e18
#001e18
rgb(0,30,24)
-
#003228
#003228
rgb(0,50,40)
-
#004538
#004538
rgb(0,69,56)
-
#005947
#005947
rgb(0,89,71)
-
#006d57
#006d57
rgb(0,109,87)
-
#008067
#008067
rgb(0,128,103)
-
#009477
#009477
rgb(0,148,119)
-
#00a786
#00a786
rgb(0,167,134)
-
#00bb96
#00bb96
rgb(0,187,150)
-
#00cfa6
#00cfa6
rgb(0,207,166)
-
#00e2b5
#00e2b5
rgb(0,226,181)
-
#00f6c5
#00f6c5
rgb(0,246,197)
-
#0affcf
#0affcf
rgb(10,255,207)
-
#1effd2
#1effd2
rgb(30,255,210)
-
#32ffd6
#32ffd6
rgb(50,255,214)
-
#45ffda
#45ffda
rgb(69,255,218)
-
#59ffde
#59ffde
rgb(89,255,222)
-
#6dffe2
#6dffe2
rgb(109,255,226)
-
#80ffe6
#80ffe6
rgb(128,255,230)
-
#94ffea
#94ffea
rgb(148,255,234)
-
#a7ffee
#a7ffee
rgb(167,255,238)
-
#bbfff2
#bbfff2
rgb(187,255,242)
-
#cffff5
#cffff5
rgb(207,255,245)
-
#e2fff9
#e2fff9
rgb(226,255,249)
-
#f6fffd
#f6fffd
rgb(246,255,253)
Tones of #00bb96
A tone is produced by adding gray to any pure hue. In this case, #566562 is the less saturated color, while #00bb96 is the most saturated one.
-
#566562
#566562
rgb(86,101,98)
-
#4f6c66
#4f6c66
rgb(79,108,102)
-
#48736b
#48736b
rgb(72,115,107)
-
#417a6f
#417a6f
rgb(65,122,111)
-
#3a8173
#3a8173
rgb(58,129,115)
-
#328978
#328978
rgb(50,137,120)
-
#2b907c
#2b907c
rgb(43,144,124)
-
#249780
#249780
rgb(36,151,128)
-
#1d9e85
#1d9e85
rgb(29,158,133)
-
#16a589
#16a589
rgb(22,165,137)
-
#0ead8d
#0ead8d
rgb(14,173,141)
-
#07b492
#07b492
rgb(7,180,146)
-
#00bb96
#00bb96
rgb(0,187,150)
Color Blindness Simulator
Below, you can see how #00bb96 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.