#00d4bf hex color

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

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

● #00d4bf color description : Strong cyan.

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

Hex triplet	00d4bf	`#00d4bf`
RGB Decimal	0, 212, 191	`rgb(0,212,191)`
RGB Percent	0, 83.1, 74.9	`rgb(0%,83.1%,74.9%)`
CMYK	100, 0, 10, 17
HSL	174.1°, 100, 41.6	`hsl(174.1,100%,41.6%)`
HSV (or HSB)	174.1°, 100, 83.1
Web Safe	00cccc	`#00cccc`

CIE-LAB	76.585, -47.85, -1.903
XYZ	32.944, 50.845, 57.365
xyY	0.233, 0.36, 50.845
CIE-LCH	76.585, 47.888, 182.277
CIE-LUV	76.585, -61.396, 4.516
Hunter-Lab	71.306, -42.316, 2.215
Binary	00000000, 11010100, 10111111

#00d4bf
```
#00d4bf rgb(0,212,191)
```
#d40015
```
#d40015 rgb(212,0,21)
```

Complementary Color

#00d455
```
#00d455 rgb(0,212,85)
```
#00d4bf
```
#00d4bf rgb(0,212,191)
```
#007fd4
```
#007fd4 rgb(0,127,212)
```

Analogous Color

#d45500
```
#d45500 rgb(212,85,0)
```
#00d4bf
```
#00d4bf rgb(0,212,191)
```
#d4007f
```
#d4007f rgb(212,0,127)
```

Split Complementary Color

#d4bf00
```
#d4bf00 rgb(212,191,0)
```
#00d4bf
```
#00d4bf rgb(0,212,191)
```
#bf00d4
```
#bf00d4 rgb(191,0,212)
```

Triadic Color

#15d400
```
#15d400 rgb(21,212,0)
```
#00d4bf
```
#00d4bf rgb(0,212,191)
```
#bf00d4
```
#bf00d4 rgb(191,0,212)
```
#d40015
```
#d40015 rgb(212,0,21)
```

Tetradic Color

#00887a
```
#00887a rgb(0,136,122)
```
#00a191
```
#00a191 rgb(0,161,145)
```
#00bba8
```
#00bba8 rgb(0,187,168)
```
#00d4bf
```
#00d4bf rgb(0,212,191)
```
#00eed6
```
#00eed6 rgb(0,238,214)
```
#08ffe7
```
#08ffe7 rgb(8,255,231)
```
#22ffe9
```
#22ffe9 rgb(34,255,233)
```

Monochromatic Color

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

#00d48a
```
#00d48a rgb(0,212,138)
```
#00d49c
```
#00d49c rgb(0,212,156)
```
#00d4ad
```
#00d4ad rgb(0,212,173)
```
#00d4bf
```
#00d4bf rgb(0,212,191)
```
#00d4d1
```
#00d4d1 rgb(0,212,209)
```
#00c6d4
```
#00c6d4 rgb(0,198,212)
```
#00b4d4
```
#00b4d4 rgb(0,180,212)
```

Similar Colors

Text with hexadecimal color #00d4bf

This text has a font color of #00d4bf.

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

#00d4bf background color

This paragraph has a background color of #00d4bf.

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

#00d4bf border color

This element has a border color of #00d4bf.

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

CSS codes

.text {color:#00d4bf;}

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

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

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)
```
#002320
```
#002320 rgb(0,35,32)
```
#003732
```
#003732 rgb(0,55,50)
```
#004b43
```
#004b43 rgb(0,75,67)
```
#005e55
```
#005e55 rgb(0,94,85)
```
#007267
```
#007267 rgb(0,114,103)
```
#008678
```
#008678 rgb(0,134,120)
```
#00998a
```
#00998a rgb(0,153,138)
```
#00ad9c
```
#00ad9c rgb(0,173,156)
```
#00c0ad
```
#00c0ad rgb(0,192,173)
```
#00d4bf
```
#00d4bf rgb(0,212,191)
```
#00e8d1
```
#00e8d1 rgb(0,232,209)
```
#00fbe2
```
#00fbe2 rgb(0,251,226)
```

Shade Color Variation

#10ffe7
```
#10ffe7 rgb(16,255,231)
```
#23ffe9
```
#23ffe9 rgb(35,255,233)
```
#37ffeb
```
#37ffeb rgb(55,255,235)
```
#4bffed
```
#4bffed rgb(75,255,237)
```
#5effef
```
#5effef rgb(94,255,239)
```
#72fff1
```
#72fff1 rgb(114,255,241)
```
#86fff3
```
#86fff3 rgb(134,255,243)
```
#99fff5
```
#99fff5 rgb(153,255,245)
```
#adfff7
```
#adfff7 rgb(173,255,247)
```
#c0fff9
```
#c0fff9 rgb(192,255,249)
```
#d4fffb
```
#d4fffb rgb(212,255,251)
```
#e8fffd
```
#e8fffd rgb(232,255,253)
```
#fbffff
```
#fbffff rgb(251,255,255)
```

Tint Color Variation

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

#627271
```
#627271 rgb(98,114,113)
```
#5a7a77
```
#5a7a77 rgb(90,122,119)
```
#52827e
```
#52827e rgb(82,130,126)
```
#498b84
```
#498b84 rgb(73,139,132)
```
#41938b
```
#41938b rgb(65,147,139)
```
#399b91
```
#399b91 rgb(57,155,145)
```
#31a398
```
#31a398 rgb(49,163,152)
```
#29ab9e
```
#29ab9e rgb(41,171,158)
```
#21b3a5
```
#21b3a5 rgb(33,179,165)
```
#18bcab
```
#18bcab rgb(24,188,171)
```
#10c4b2
```
#10c4b2 rgb(16,196,178)
```
#08ccb8
```
#08ccb8 rgb(8,204,184)
```
#00d4bf
```
#00d4bf rgb(0,212,191)
```

Tone Color Variation

Below, you can see how #00d4bf 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
#759f9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6bfb6 Protanopia 1% of men
#ccbbcc Deuteranopia 1% of men
#41d1e0 Tritanopia 0.001% of the population

Trichromacy

#7ec7b9 Protanomaly 1% of men, 0.01% of women
#82c4c7 Deuteranomaly 6% of men, 0.4% of women
#29d2d4 Tritanomaly 0.01% of the population

#00d4bf hex color

#00d4bf Color Information

#00d4bf Color Conversion

Color Schemes with #00d4bf

Alternatives to #00d4bf

#00d4bf Preview

Shades and Tints of #00d4bf

Tones of #00d4bf

Color Blindness Simulator