#00cc96 Color Information
In a RGB color space, hex #00cc96 is composed of 0% red, 80% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 0% magenta, 26.5% yellow and 20% black. It has a hue angle of 164.1 degrees, a saturation of 100% and a lightness of 40%. #00cc96 color hex could be obtained by blending #00ffff with #00992d. Closest websafe color is: #00cc99.
-
- R 0
- G 80
- B 59
-
- C 100
- M 0
- Y 26
- K 20
● #00cc96 color description : Strong cyan - lime green.
#00cc96 Color Conversion
The hexadecimal color #00cc96 has RGB values of R:0, G:204, B:150 and CMYK values of C:1, M:0, Y:0.26, K:0.2. Its decimal value is 52374.
Hex triplet | 00cc96 | #00cc96 |
---|---|---|
RGB Decimal | 0, 204, 150 | rgb(0,204,150) |
RGB Percent | 0, 80, 58.8 | rgb(0%,80%,58.8%) |
CMYK | 100, 0, 26, 20 | |
HSL | 164.1°, 100, 40 | hsl(164.1,100%,40%) |
HSV (or HSB) | 164.1°, 100, 80 | |
Web Safe | 00cc99 | #00cc99 |
CIE-LAB | 73.145, -55.173, 15.165 |
---|---|
XYZ | 27.096, 45.385, 36.185 |
xyY | 0.249, 0.418, 45.385 |
CIE-LCH | 73.145, 57.219, 164.631 |
CIE-LUV | 73.145, -61.89, 30.403 |
Hunter-Lab | 67.368, -46.102, 15.312 |
Binary | 00000000, 11001100, 10010110 |
Color Schemes with #00cc96
Alternatives to #00cc96
Below, you can see some colors close to #00cc96. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#00cc96 Preview
This text has a font color of #00cc96.
<span style="color:#00cc96;">Text here</span>
This paragraph has a background color of #00cc96.
<p style="background-color:#00cc96;">Content here</p>
This element has a border color of #00cc96.
<div style="border:1px solid #00cc96;">Content here</div>
.text {color:#00cc96;}
.background {background-color:#00cc96;}
.border {border:1px solid #00cc96;}
Shades and Tints of #00cc96
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, #000806 is the darkest color, while #f3fffc is the lightest one.
-
#000806
#000806
rgb(0,8,6)
-
#001b14
#001b14
rgb(0,27,20)
-
#002f23
#002f23
rgb(0,47,35)
-
#004331
#004331
rgb(0,67,49)
-
#00563f
#00563f
rgb(0,86,63)
-
#006a4e
#006a4e
rgb(0,106,78)
-
#007e5c
#007e5c
rgb(0,126,92)
-
#00916b
#00916b
rgb(0,145,107)
-
#00a579
#00a579
rgb(0,165,121)
-
#00b888
#00b888
rgb(0,184,136)
-
#00cc96
#00cc96
rgb(0,204,150)
-
#00e0a4
#00e0a4
rgb(0,224,164)
-
#00f3b3
#00f3b3
rgb(0,243,179)
-
#08ffbe
#08ffbe
rgb(8,255,190)
-
#1bffc3
#1bffc3
rgb(27,255,195)
-
#2fffc8
#2fffc8
rgb(47,255,200)
-
#43ffcd
#43ffcd
rgb(67,255,205)
-
#56ffd2
#56ffd2
rgb(86,255,210)
-
#6affd8
#6affd8
rgb(106,255,216)
-
#7effdd
#7effdd
rgb(126,255,221)
-
#91ffe2
#91ffe2
rgb(145,255,226)
-
#a5ffe7
#a5ffe7
rgb(165,255,231)
-
#b8ffec
#b8ffec
rgb(184,255,236)
-
#ccfff2
#ccfff2
rgb(204,255,242)
-
#e0fff7
#e0fff7
rgb(224,255,247)
-
#f3fffc
#f3fffc
rgb(243,255,252)
Tones of #00cc96
A tone is produced by adding gray to any pure hue. In this case, #5e6e6a is the less saturated color, while #00cc96 is the most saturated one.
-
#5e6e6a
#5e6e6a
rgb(94,110,106)
-
#56766d
#56766d
rgb(86,118,109)
-
#4e7e71
#4e7e71
rgb(78,126,113)
-
#478575
#478575
rgb(71,133,117)
-
#3f8d78
#3f8d78
rgb(63,141,120)
-
#37957c
#37957c
rgb(55,149,124)
-
#2f9d80
#2f9d80
rgb(47,157,128)
-
#27a584
#27a584
rgb(39,165,132)
-
#1fad87
#1fad87
rgb(31,173,135)
-
#18b48b
#18b48b
rgb(24,180,139)
-
#10bc8f
#10bc8f
rgb(16,188,143)
-
#08c492
#08c492
rgb(8,196,146)
-
#00cc96
#00cc96
rgb(0,204,150)
Color Blindness Simulator
Below, you can see how #00cc96 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.