#00d4af hex color

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

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

● #00d4af color description : Strong cyan.

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

Hex triplet	00d4af	`#00d4af`
RGB Decimal	0, 212, 175	`rgb(0,212,175)`
RGB Percent	0, 83.1, 68.6	`rgb(0%,83.1%,68.6%)`
CMYK	100, 0, 17, 17
HSL	169.5°, 100, 41.6	`hsl(169.5,100%,41.6%)`
HSV (or HSB)	169.5°, 100, 83.1
Web Safe	00cc99	`#00cc99`

CIE-LAB	76.179, -52.121, 6.091
XYZ	31.278, 50.179, 48.592
xyY	0.241, 0.386, 50.179
CIE-LCH	76.179, 52.476, 173.335
CIE-LUV	76.179, -62.659, 17.234
Hunter-Lab	70.837, -45.147, 8.915
Binary	00000000, 11010100, 10101111

#00d4af
```
#00d4af rgb(0,212,175)
```
#d40025
```
#d40025 rgb(212,0,37)
```

Complementary Color

#00d445
```
#00d445 rgb(0,212,69)
```
#00d4af
```
#00d4af rgb(0,212,175)
```
#008fd4
```
#008fd4 rgb(0,143,212)
```

Analogous Color

#d44500
```
#d44500 rgb(212,69,0)
```
#00d4af
```
#00d4af rgb(0,212,175)
```
#d4008f
```
#d4008f rgb(212,0,143)
```

Split Complementary Color

#d4af00
```
#d4af00 rgb(212,175,0)
```
#00d4af
```
#00d4af rgb(0,212,175)
```
#af00d4
```
#af00d4 rgb(175,0,212)
```

Triadic Color

#25d400
```
#25d400 rgb(37,212,0)
```
#00d4af
```
#00d4af rgb(0,212,175)
```
#af00d4
```
#af00d4 rgb(175,0,212)
```
#d40025
```
#d40025 rgb(212,0,37)
```

Tetradic Color

#008870
```
#008870 rgb(0,136,112)
```
#00a185
```
#00a185 rgb(0,161,133)
```
#00bb9a
```
#00bb9a rgb(0,187,154)
```
#00d4af
```
#00d4af rgb(0,212,175)
```
#00eec4
```
#00eec4 rgb(0,238,196)
```
#08ffd4
```
#08ffd4 rgb(8,255,212)
```
#22ffd8
```
#22ffd8 rgb(34,255,216)
```

Monochromatic Color

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

#00d47a
```
#00d47a rgb(0,212,122)
```
#00d48c
```
#00d48c rgb(0,212,140)
```
#00d49d
```
#00d49d rgb(0,212,157)
```
#00d4af
```
#00d4af rgb(0,212,175)
```
#00d4c1
```
#00d4c1 rgb(0,212,193)
```
#00d4d2
```
#00d4d2 rgb(0,212,210)
```
#00c4d4
```
#00c4d4 rgb(0,196,212)
```

Similar Colors

Text with hexadecimal color #00d4af

This text has a font color of #00d4af.

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

#00d4af background color

This paragraph has a background color of #00d4af.

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

#00d4af border color

This element has a border color of #00d4af.

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

CSS codes

.text {color:#00d4af;}

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

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

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

#00100d
```
#00100d rgb(0,16,13)
```
#00231d
```
#00231d rgb(0,35,29)
```
#00372d
```
#00372d rgb(0,55,45)
```
#004b3e
```
#004b3e rgb(0,75,62)
```
#005e4e
```
#005e4e rgb(0,94,78)
```
#00725e
```
#00725e rgb(0,114,94)
```
#00866e
```
#00866e rgb(0,134,110)
```
#00997e
```
#00997e rgb(0,153,126)
```
#00ad8f
```
#00ad8f rgb(0,173,143)
```
#00c09f
```
#00c09f rgb(0,192,159)
```
#00d4af
```
#00d4af rgb(0,212,175)
```
#00e8bf
```
#00e8bf rgb(0,232,191)
```
#00fbcf
```
#00fbcf rgb(0,251,207)
```

Shade Color Variation

#10ffd5
```
#10ffd5 rgb(16,255,213)
```
#23ffd9
```
#23ffd9 rgb(35,255,217)
```
#37ffdc
```
#37ffdc rgb(55,255,220)
```
#4bffe0
```
#4bffe0 rgb(75,255,224)
```
#5effe3
```
#5effe3 rgb(94,255,227)
```
#72ffe6
```
#72ffe6 rgb(114,255,230)
```
#86ffea
```
#86ffea rgb(134,255,234)
```
#99ffed
```
#99ffed rgb(153,255,237)
```
#adfff1
```
#adfff1 rgb(173,255,241)
```
#c0fff4
```
#c0fff4 rgb(192,255,244)
```
#d4fff7
```
#d4fff7 rgb(212,255,247)
```
#e8fffb
```
#e8fffb rgb(232,255,251)
```
#fbfffe
```
#fbfffe rgb(251,255,254)
```

Tint Color Variation

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

#62726f
```
#62726f rgb(98,114,111)
```
#5a7a75
```
#5a7a75 rgb(90,122,117)
```
#52827a
```
#52827a rgb(82,130,122)
```
#498b7f
```
#498b7f rgb(73,139,127)
```
#419385
```
#419385 rgb(65,147,133)
```
#399b8a
```
#399b8a rgb(57,155,138)
```
#31a38f
```
#31a38f rgb(49,163,143)
```
#29ab94
```
#29ab94 rgb(41,171,148)
```
#21b39a
```
#21b39a rgb(33,179,154)
```
#18bc9f
```
#18bc9f rgb(24,188,159)
```
#10c4a4
```
#10c4a4 rgb(16,196,164)
```
#08ccaa
```
#08ccaa rgb(8,204,170)
```
#00d4af
```
#00d4af rgb(0,212,175)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#739e96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8bea7 Protanopia 1% of men
#d1b9bd Deuteranopia 1% of men
#4acfdf Tritanopia 0.001% of the population

Trichromacy

#7fc6aa Protanomaly 1% of men, 0.01% of women
#85c3b8 Deuteranomaly 6% of men, 0.4% of women
#2fd1cd Tritanomaly 0.01% of the population

#00d4af hex color

#00d4af Color Information

#00d4af Color Conversion

Color Schemes with #00d4af

Alternatives to #00d4af

#00d4af Preview

Shades and Tints of #00d4af

Tones of #00d4af

Color Blindness Simulator