#00ccbc Color Information
In a RGB color space, hex #00ccbc is composed of 0% red, 80% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 0% magenta, 7.8% yellow and 20% black. It has a hue angle of 175.3 degrees, a saturation of 100% and a lightness of 40%. #00ccbc color hex could be obtained by blending #00ffff with #009979. Closest websafe color is: #00cccc.
-
- R 0
- G 80
- B 74
-
- C 100
- M 0
- Y 8
- K 20
● #00ccbc color description : Strong cyan.
#00ccbc Color Conversion
The hexadecimal color #00ccbc has RGB values of R:0, G:204, B:188 and CMYK values of C:1, M:0, Y:0.08, K:0.2. Its decimal value is 52412.
Hex triplet | 00ccbc | #00ccbc |
---|---|---|
RGB Decimal | 0, 204, 188 | rgb(0,204,188) |
RGB Percent | 0, 80, 73.7 | rgb(0%,80%,73.7%) |
CMYK | 100, 0, 8, 20 | |
HSL | 175.3°, 100, 40 | hsl(175.3,100%,40%) |
HSV (or HSB) | 175.3°, 100, 80 | |
Web Safe | 00cccc | #00cccc |
CIE-LAB | 74.07, -45.297, -3.982 |
---|---|
XYZ | 30.667, 46.813, 54.994 |
xyY | 0.231, 0.353, 46.813 |
CIE-LCH | 74.07, 45.472, 185.023 |
CIE-LUV | 74.07, -58.945, 0.885 |
Hunter-Lab | 68.42, -39.729, 0.239 |
Binary | 00000000, 11001100, 10111100 |
Color Schemes with #00ccbc
Alternatives to #00ccbc
Below, you can see some colors close to #00ccbc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#00ccbc Preview
This text has a font color of #00ccbc.
<span style="color:#00ccbc;">Text here</span>
This paragraph has a background color of #00ccbc.
<p style="background-color:#00ccbc;">Content here</p>
This element has a border color of #00ccbc.
<div style="border:1px solid #00ccbc;">Content here</div>
.text {color:#00ccbc;}
.background {background-color:#00ccbc;}
.border {border:1px solid #00ccbc;}
Shades and Tints of #00ccbc
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)
-
#005650
#005650
rgb(0,86,80)
-
#006a62
#006a62
rgb(0,106,98)
-
#007e74
#007e74
rgb(0,126,116)
-
#009186
#009186
rgb(0,145,134)
-
#00a598
#00a598
rgb(0,165,152)
-
#00b8aa
#00b8aa
rgb(0,184,170)
-
#00ccbc
#00ccbc
rgb(0,204,188)
-
#00e0ce
#00e0ce
rgb(0,224,206)
-
#00f3e0
#00f3e0
rgb(0,243,224)
-
#08ffec
#08ffec
rgb(8,255,236)
-
#1bffed
#1bffed
rgb(27,255,237)
-
#2fffef
#2fffef
rgb(47,255,239)
-
#43fff0
#43fff0
rgb(67,255,240)
-
#56fff2
#56fff2
rgb(86,255,242)
-
#6afff3
#6afff3
rgb(106,255,243)
-
#7efff5
#7efff5
rgb(126,255,245)
-
#91fff6
#91fff6
rgb(145,255,246)
-
#a5fff8
#a5fff8
rgb(165,255,248)
-
#b8fff9
#b8fff9
rgb(184,255,249)
-
#ccfffb
#ccfffb
rgb(204,255,251)
-
#e0fffd
#e0fffd
rgb(224,255,253)
-
#f3fffe
#f3fffe
rgb(243,255,254)
Tones of #00ccbc
A tone is produced by adding gray to any pure hue. In this case, #5e6e6d is the less saturated color, while #00ccbc is the most saturated one.
-
#5e6e6d
#5e6e6d
rgb(94,110,109)
-
#567673
#567673
rgb(86,118,115)
-
#4e7e7a
#4e7e7a
rgb(78,126,122)
-
#478580
#478580
rgb(71,133,128)
-
#3f8d87
#3f8d87
rgb(63,141,135)
-
#37958e
#37958e
rgb(55,149,142)
-
#2f9d94
#2f9d94
rgb(47,157,148)
-
#27a59b
#27a59b
rgb(39,165,155)
-
#1fada2
#1fada2
rgb(31,173,162)
-
#18b4a8
#18b4a8
rgb(24,180,168)
-
#10bcaf
#10bcaf
rgb(16,188,175)
-
#08c4b5
#08c4b5
rgb(8,196,181)
-
#00ccbc
#00ccbc
rgb(0,204,188)
Color Blindness Simulator
Below, you can see how #00ccbc 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.