#00ccb4 hex color

In a RGB color space, hex #00ccb4 is composed of 0% red, 80% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 0% magenta, 11.8% yellow and 20% black. It has a hue angle of 172.9 degrees, a saturation of 100% and a lightness of 40%. #00ccb4 color hex could be obtained by blending #00ffff with #009969. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 0
- G 80
- B 71
RGB color chart
- C 100
- M 0
- Y 12
- K 20
CMYK color chart

● #00ccb4 color description : Strong cyan.

The hexadecimal color #00ccb4 has RGB values of R:0, G:204, B:180 and CMYK values of C:1, M:0, Y:0.12, K:0.2. Its decimal value is 52404.

Hex triplet	00ccb4	`#00ccb4`
RGB Decimal	0, 204, 180	`rgb(0,204,180)`
RGB Percent	0, 80, 70.6	`rgb(0%,80%,70.6%)`
CMYK	100, 0, 12, 20
HSL	172.9°, 100, 40	`hsl(172.9,100%,40%)`
HSV (or HSB)	172.9°, 100, 80
Web Safe	00cccc	`#00cccc`

CIE-LAB	73.855, -47.523, 0.031
XYZ	29.828, 46.478, 50.577
xyY	0.235, 0.366, 46.478
CIE-LCH	73.855, 47.523, 179.963
CIE-LUV	73.855, -59.585, 7.388
Hunter-Lab	68.175, -41.207, 3.737
Binary	00000000, 11001100, 10110100

#00ccb4
```
#00ccb4 rgb(0,204,180)
```
#cc0018
```
#cc0018 rgb(204,0,24)
```

Complementary Color

#00cc4e
```
#00cc4e rgb(0,204,78)
```
#00ccb4
```
#00ccb4 rgb(0,204,180)
```
#007ecc
```
#007ecc rgb(0,126,204)
```

Analogous Color

#cc4e00
```
#cc4e00 rgb(204,78,0)
```
#00ccb4
```
#00ccb4 rgb(0,204,180)
```
#cc007e
```
#cc007e rgb(204,0,126)
```

Split Complementary Color

#ccb400
```
#ccb400 rgb(204,180,0)
```
#00ccb4
```
#00ccb4 rgb(0,204,180)
```
#b400cc
```
#b400cc rgb(180,0,204)
```

Triadic Color

#18cc00
```
#18cc00 rgb(24,204,0)
```
#00ccb4
```
#00ccb4 rgb(0,204,180)
```
#b400cc
```
#b400cc rgb(180,0,204)
```
#cc0018
```
#cc0018 rgb(204,0,24)
```

Tetradic Color

#008071
```
#008071 rgb(0,128,113)
```
#009987
```
#009987 rgb(0,153,135)
```
#00b39e
```
#00b39e rgb(0,179,158)
```
#00ccb4
```
#00ccb4 rgb(0,204,180)
```
#00e6cb
```
#00e6cb rgb(0,230,203)
```
#00ffe1
```
#00ffe1 rgb(0,255,225)
```
#1affe4
```
#1affe4 rgb(26,255,228)
```

Monochromatic Color

Below, you can see some colors close to #00ccb4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#00cc81
```
#00cc81 rgb(0,204,129)
```
#00cc92
```
#00cc92 rgb(0,204,146)
```
#00cca3
```
#00cca3 rgb(0,204,163)
```
#00ccb4
```
#00ccb4 rgb(0,204,180)
```
#00ccc5
```
#00ccc5 rgb(0,204,197)
```
#00c2cc
```
#00c2cc rgb(0,194,204)
```
#00b1cc
```
#00b1cc rgb(0,177,204)
```

Similar Colors

Text with hexadecimal color #00ccb4

This text has a font color of #00ccb4.

<span style="color:#00ccb4;">Text here</span>

#00ccb4 background color

This paragraph has a background color of #00ccb4.

<p style="background-color:#00ccb4;">Content here</p>

#00ccb4 border color

This element has a border color of #00ccb4.

<div style="border:1px solid #00ccb4;">Content here</div>

CSS codes

.text {color:#00ccb4;}

.background {background-color:#00ccb4;}

.border {border:1px solid #00ccb4;}

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)
```
#001b18
```
#001b18 rgb(0,27,24)
```
#002f2a
```
#002f2a rgb(0,47,42)
```
#00433b
```
#00433b rgb(0,67,59)
```
#00564c
```
#00564c rgb(0,86,76)
```
#006a5d
```
#006a5d rgb(0,106,93)
```
#007e6f
```
#007e6f rgb(0,126,111)
```
#009180
```
#009180 rgb(0,145,128)
```
#00a591
```
#00a591 rgb(0,165,145)
```
#00b8a3
```
#00b8a3 rgb(0,184,163)
```
#00ccb4
```
#00ccb4 rgb(0,204,180)
```
#00e0c5
```
#00e0c5 rgb(0,224,197)
```
#00f3d7
```
#00f3d7 rgb(0,243,215)
```

Shade Color Variation

#08ffe2
```
#08ffe2 rgb(8,255,226)
```
#1bffe4
```
#1bffe4 rgb(27,255,228)
```
#2fffe7
```
#2fffe7 rgb(47,255,231)
```
#43ffe9
```
#43ffe9 rgb(67,255,233)
```
#56ffeb
```
#56ffeb rgb(86,255,235)
```
#6affed
```
#6affed rgb(106,255,237)
```
#7efff0
```
#7efff0 rgb(126,255,240)
```
#91fff2
```
#91fff2 rgb(145,255,242)
```
#a5fff4
```
#a5fff4 rgb(165,255,244)
```
#b8fff7
```
#b8fff7 rgb(184,255,247)
```
#ccfff9
```
#ccfff9 rgb(204,255,249)
```
#e0fffb
```
#e0fffb rgb(224,255,251)
```
#f3fffe
```
#f3fffe rgb(243,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5e6e6c is the less saturated color, while #00ccb4 is the most saturated one.

#5e6e6c
```
#5e6e6c rgb(94,110,108)
```
#567672
```
#567672 rgb(86,118,114)
```
#4e7e78
```
#4e7e78 rgb(78,126,120)
```
#47857e
```
#47857e rgb(71,133,126)
```
#3f8d84
```
#3f8d84 rgb(63,141,132)
```
#37958a
```
#37958a rgb(55,149,138)
```
#2f9d90
```
#2f9d90 rgb(47,157,144)
```
#27a596
```
#27a596 rgb(39,165,150)
```
#1fad9c
```
#1fad9c rgb(31,173,156)
```
#18b4a2
```
#18b4a2 rgb(24,180,162)
```
#10bca8
```
#10bca8 rgb(16,188,168)
```
#08c4ae
```
#08c4ae rgb(8,196,174)
```
#00ccb4
```
#00ccb4 rgb(0,204,180)
```

Tone Color Variation

Below, you can see how #00ccb4 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.

Monochromacy

#8c8c8c Achromatopsia 0.005% of the population
#709994 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfb8ac Protanopia 1% of men
#c6b4c1 Deuteranopia 1% of men
#41c9d8 Tritanopia 0.001% of the population

Trichromacy

#79bfaf Protanomaly 1% of men, 0.01% of women
#7ebcbc Deuteranomaly 6% of men, 0.4% of women
#29cacb Tritanomaly 0.01% of the population

#00ccb4 hex color

#00ccb4 Color Information

#00ccb4 Color Conversion

Color Schemes with #00ccb4

Alternatives to #00ccb4

#00ccb4 Preview

Shades and Tints of #00ccb4

Tones of #00ccb4

Color Blindness Simulator