#00ccba Color Information
In a RGB color space, hex #00ccba is composed of 0% red, 80% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 0% magenta, 8.8% yellow and 20% black. It has a hue angle of 174.7 degrees, a saturation of 100% and a lightness of 40%. #00ccba color hex could be obtained by blending #00ffff with #009975. Closest websafe color is: #00cccc.
-
- R 0
- G 80
- B 73
-
- C 100
- M 0
- Y 9
- K 20
● #00ccba color description : Strong cyan.
#00ccba Color Conversion
The hexadecimal color #00ccba has RGB values of R:0, G:204, B:186 and CMYK values of C:1, M:0, Y:0.09, K:0.2. Its decimal value is 52410.
Hex triplet | 00ccba | #00ccba |
---|---|---|
RGB Decimal | 0, 204, 186 | rgb(0,204,186) |
RGB Percent | 0, 80, 72.9 | rgb(0%,80%,72.9%) |
CMYK | 100, 0, 9, 20 | |
HSL | 174.7°, 100, 40 | hsl(174.7,100%,40%) |
HSV (or HSB) | 174.7°, 100, 80 | |
Web Safe | 00cccc | #00cccc |
CIE-LAB | 74.015, -45.86, -2.98 |
---|---|
XYZ | 30.453, 46.728, 53.866 |
xyY | 0.232, 0.357, 46.728 |
CIE-LCH | 74.015, 45.957, 183.718 |
CIE-LUV | 74.015, -59.106, 2.522 |
Hunter-Lab | 68.358, -40.106, 1.13 |
Binary | 00000000, 11001100, 10111010 |
Color Schemes with #00ccba
Alternatives to #00ccba
Below, you can see some colors close to #00ccba. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#00ccba Preview
This text has a font color of #00ccba.
<span style="color:#00ccba;">Text here</span>
This paragraph has a background color of #00ccba.
<p style="background-color:#00ccba;">Content here</p>
This element has a border color of #00ccba.
<div style="border:1px solid #00ccba;">Content here</div>
.text {color:#00ccba;}
.background {background-color:#00ccba;}
.border {border:1px solid #00ccba;}
Shades and Tints of #00ccba
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, #000807 is the darkest color, while #f3fffe is the lightest one.
-
#000807
#000807
rgb(0,8,7)
-
#001b19
#001b19
rgb(0,27,25)
-
#002f2b
#002f2b
rgb(0,47,43)
-
#00433d
#00433d
rgb(0,67,61)
-
#00564f
#00564f
rgb(0,86,79)
-
#006a61
#006a61
rgb(0,106,97)
-
#007e72
#007e72
rgb(0,126,114)
-
#009184
#009184
rgb(0,145,132)
-
#00a596
#00a596
rgb(0,165,150)
-
#00b8a8
#00b8a8
rgb(0,184,168)
-
#00ccba
#00ccba
rgb(0,204,186)
-
#00e0cc
#00e0cc
rgb(0,224,204)
-
#00f3de
#00f3de
rgb(0,243,222)
-
#08ffe9
#08ffe9
rgb(8,255,233)
-
#1bffeb
#1bffeb
rgb(27,255,235)
-
#2fffed
#2fffed
rgb(47,255,237)
-
#43ffee
#43ffee
rgb(67,255,238)
-
#56fff0
#56fff0
rgb(86,255,240)
-
#6afff2
#6afff2
rgb(106,255,242)
-
#7efff4
#7efff4
rgb(126,255,244)
-
#91fff5
#91fff5
rgb(145,255,245)
-
#a5fff7
#a5fff7
rgb(165,255,247)
-
#b8fff9
#b8fff9
rgb(184,255,249)
-
#ccfffb
#ccfffb
rgb(204,255,251)
-
#e0fffc
#e0fffc
rgb(224,255,252)
-
#f3fffe
#f3fffe
rgb(243,255,254)
Tones of #00ccba
A tone is produced by adding gray to any pure hue. In this case, #5e6e6c is the less saturated color, while #00ccba is the most saturated one.
-
#5e6e6c
#5e6e6c
rgb(94,110,108)
-
#567673
#567673
rgb(86,118,115)
-
#4e7e79
#4e7e79
rgb(78,126,121)
-
#478580
#478580
rgb(71,133,128)
-
#3f8d86
#3f8d86
rgb(63,141,134)
-
#37958d
#37958d
rgb(55,149,141)
-
#2f9d93
#2f9d93
rgb(47,157,147)
-
#27a59a
#27a59a
rgb(39,165,154)
-
#1fada0
#1fada0
rgb(31,173,160)
-
#18b4a7
#18b4a7
rgb(24,180,167)
-
#10bcad
#10bcad
rgb(16,188,173)
-
#08c4b4
#08c4b4
rgb(8,196,180)
-
#00ccba
#00ccba
rgb(0,204,186)
Color Blindness Simulator
Below, you can see how #00ccba 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.