#00d4bc hex color

In a RGB color space, hex #00d4bc is composed of 0% red, 83.1% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 0% magenta, 11.3% yellow and 16.9% black. It has a hue angle of 173.2 degrees, a saturation of 100% and a lightness of 41.6%. #00d4bc color hex could be obtained by blending #00ffff with #00a979. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 0
- G 83
- B 74
RGB color chart
- C 100
- M 0
- Y 11
- K 17
CMYK color chart

● #00d4bc color description : Strong cyan.

The hexadecimal color #00d4bc has RGB values of R:0, G:212, B:188 and CMYK values of C:1, M:0, Y:0.11, K:0.17. Its decimal value is 54460.

Hex triplet	00d4bc	`#00d4bc`
RGB Decimal	0, 212, 188	`rgb(0,212,188)`
RGB Percent	0, 83.1, 73.7	`rgb(0%,83.1%,73.7%)`
CMYK	100, 0, 11, 17
HSL	173.2°, 100, 41.6	`hsl(173.2,100%,41.6%)`
HSV (or HSB)	173.2°, 100, 83.1
Web Safe	00cccc	`#00cccc`

CIE-LAB	76.506, -48.673, -0.408
XYZ	32.617, 50.714, 55.644
xyY	0.235, 0.365, 50.714
CIE-LCH	76.506, 48.675, 180.48
CIE-LUV	76.506, -61.635, 6.942
Hunter-Lab	71.214, -42.868, 3.523
Binary	00000000, 11010100, 10111100

#00d4bc
```
#00d4bc rgb(0,212,188)
```
#d40018
```
#d40018 rgb(212,0,24)
```

Complementary Color

#00d452
```
#00d452 rgb(0,212,82)
```
#00d4bc
```
#00d4bc rgb(0,212,188)
```
#0082d4
```
#0082d4 rgb(0,130,212)
```

Analogous Color

#d45200
```
#d45200 rgb(212,82,0)
```
#00d4bc
```
#00d4bc rgb(0,212,188)
```
#d40082
```
#d40082 rgb(212,0,130)
```

Split Complementary Color

#d4bc00
```
#d4bc00 rgb(212,188,0)
```
#00d4bc
```
#00d4bc rgb(0,212,188)
```
#bc00d4
```
#bc00d4 rgb(188,0,212)
```

Triadic Color

#18d400
```
#18d400 rgb(24,212,0)
```
#00d4bc
```
#00d4bc rgb(0,212,188)
```
#bc00d4
```
#bc00d4 rgb(188,0,212)
```
#d40018
```
#d40018 rgb(212,0,24)
```

Tetradic Color

#008878
```
#008878 rgb(0,136,120)
```
#00a18f
```
#00a18f rgb(0,161,143)
```
#00bba5
```
#00bba5 rgb(0,187,165)
```
#00d4bc
```
#00d4bc rgb(0,212,188)
```
#00eed3
```
#00eed3 rgb(0,238,211)
```
#08ffe3
```
#08ffe3 rgb(8,255,227)
```
#22ffe6
```
#22ffe6 rgb(34,255,230)
```

Monochromatic Color

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

#00d487
```
#00d487 rgb(0,212,135)
```
#00d499
```
#00d499 rgb(0,212,153)
```
#00d4aa
```
#00d4aa rgb(0,212,170)
```
#00d4bc
```
#00d4bc rgb(0,212,188)
```
#00d4ce
```
#00d4ce rgb(0,212,206)
```
#00c9d4
```
#00c9d4 rgb(0,201,212)
```
#00b7d4
```
#00b7d4 rgb(0,183,212)
```

Similar Colors

Text with hexadecimal color #00d4bc

This text has a font color of #00d4bc.

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

#00d4bc background color

This paragraph has a background color of #00d4bc.

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

#00d4bc border color

This element has a border color of #00d4bc.

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

CSS codes

.text {color:#00d4bc;}

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

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

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, #00100e is the darkest color, while #fbffff is the lightest one.

#00100e
```
#00100e rgb(0,16,14)
```
#00231f
```
#00231f rgb(0,35,31)
```
#003731
```
#003731 rgb(0,55,49)
```
#004b42
```
#004b42 rgb(0,75,66)
```
#005e54
```
#005e54 rgb(0,94,84)
```
#007265
```
#007265 rgb(0,114,101)
```
#008676
```
#008676 rgb(0,134,118)
```
#009988
```
#009988 rgb(0,153,136)
```
#00ad99
```
#00ad99 rgb(0,173,153)
```
#00c0ab
```
#00c0ab rgb(0,192,171)
```
#00d4bc
```
#00d4bc rgb(0,212,188)
```
#00e8cd
```
#00e8cd rgb(0,232,205)
```
#00fbdf
```
#00fbdf rgb(0,251,223)
```

Shade Color Variation

#10ffe4
```
#10ffe4 rgb(16,255,228)
```
#23ffe6
```
#23ffe6 rgb(35,255,230)
```
#37ffe8
```
#37ffe8 rgb(55,255,232)
```
#4bffeb
```
#4bffeb rgb(75,255,235)
```
#5effed
```
#5effed rgb(94,255,237)
```
#72ffef
```
#72ffef rgb(114,255,239)
```
#86fff1
```
#86fff1 rgb(134,255,241)
```
#99fff3
```
#99fff3 rgb(153,255,243)
```
#adfff6
```
#adfff6 rgb(173,255,246)
```
#c0fff8
```
#c0fff8 rgb(192,255,248)
```
#d4fffa
```
#d4fffa rgb(212,255,250)
```
#e8fffc
```
#e8fffc rgb(232,255,252)
```
#fbffff
```
#fbffff rgb(251,255,255)
```

Tint Color Variation

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

#627270
```
#627270 rgb(98,114,112)
```
#5a7a77
```
#5a7a77 rgb(90,122,119)
```
#52827d
```
#52827d rgb(82,130,125)
```
#498b83
```
#498b83 rgb(73,139,131)
```
#41938a
```
#41938a rgb(65,147,138)
```
#399b90
```
#399b90 rgb(57,155,144)
```
#31a396
```
#31a396 rgb(49,163,150)
```
#29ab9c
```
#29ab9c rgb(41,171,156)
```
#21b3a3
```
#21b3a3 rgb(33,179,163)
```
#18bca9
```
#18bca9 rgb(24,188,169)
```
#10c4af
```
#10c4af rgb(16,196,175)
```
#08ccb6
```
#08ccb6 rgb(8,204,182)
```
#00d4bc
```
#00d4bc rgb(0,212,188)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#759f9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6bfb3 Protanopia 1% of men
#cdbac9 Deuteranopia 1% of men
#43d1e0 Tritanopia 0.001% of the population

Trichromacy

#7ec6b6 Protanomaly 1% of men, 0.01% of women
#82c4c4 Deuteranomaly 6% of men, 0.4% of women
#2ad2d3 Tritanomaly 0.01% of the population

#00d4bc hex color

#00d4bc Color Information

#00d4bc Color Conversion

Color Schemes with #00d4bc

Alternatives to #00d4bc

#00d4bc Preview

Shades and Tints of #00d4bc

Tones of #00d4bc

Color Blindness Simulator