colorhexa.com

#00dfd8 hex color

In a RGB color space, hex #00dfd8 is composed of 0% red, 87.5% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 0% magenta, 3.1% yellow and 12.5% black. It has a hue angle of 178.1 degrees, a saturation of 100% and a lightness of 43.7%. #00dfd8 color hex could be obtained by blending #00ffff with #00bfb1. Closest websafe color is: #00cccc.

- R 0
- G 87
- B 85
RGB color chart
- C 100
- M 0
- Y 3
- K 13
CMYK color chart

● #00dfd8 color description : Pure (or mostly pure) cyan.

The hexadecimal color #00dfd8 has RGB values of R:0, G:223, B:216 and CMYK values of C:1, M:0, Y:0.03, K:0.13. Its decimal value is 57304.

Hex triplet	00dfd8	`#00dfd8`
RGB Decimal	0, 223, 216	`rgb(0,223,216)`
RGB Percent	0, 87.5, 84.7	`rgb(0%,87.5%,84.7%)`
CMYK	100, 0, 3, 13
HSL	178.1°, 100, 43.7	`hsl(178.1,100%,43.7%)`
HSV (or HSB)	178.1°, 100, 87.5
Web Safe	00cccc	`#00cccc`

CIE-LAB	80.588, -45.487, -9.358
XYZ	38.778, 57.729, 74.061
xyY	0.227, 0.338, 57.729
CIE-LCH	80.588, 46.44, 191.626
CIE-LUV	80.588, -63.061, -7.628
Hunter-Lab	75.98, -41.862, -4.607
Binary	00000000, 11011111, 11011000

#00dfd8
```
#00dfd8 rgb(0,223,216)
```
#df0007
```
#df0007 rgb(223,0,7)
```

Complementary Color

#00df69
```
#00df69 rgb(0,223,105)
```
#00dfd8
```
#00dfd8 rgb(0,223,216)
```
#0077df
```
#0077df rgb(0,119,223)
```

Analogous Color

#df6900
```
#df6900 rgb(223,105,0)
```
#00dfd8
```
#00dfd8 rgb(0,223,216)
```
#df0077
```
#df0077 rgb(223,0,119)
```

Split Complementary Color

#dfd800
```
#dfd800 rgb(223,216,0)
```
#00dfd8
```
#00dfd8 rgb(0,223,216)
```
#d800df
```
#d800df rgb(216,0,223)
```

Triadic Color

#00938e
```
#00938e rgb(0,147,142)
```
#00aca7
```
#00aca7 rgb(0,172,167)
```
#00c6bf
```
#00c6bf rgb(0,198,191)
```
#00dfd8
```
#00dfd8 rgb(0,223,216)
```
#00f9f1
```
#00f9f1 rgb(0,249,241)
```
#13fff8
```
#13fff8 rgb(19,255,248)
```
#2dfff8
```
#2dfff8 rgb(45,255,248)
```

Monochromatic Color

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

#00dfa0
```
#00dfa0 rgb(0,223,160)
```
#00dfb3
```
#00dfb3 rgb(0,223,179)
```
#00dfc5
```
#00dfc5 rgb(0,223,197)
```
#00dfd8
```
#00dfd8 rgb(0,223,216)
```
#00d3df
```
#00d3df rgb(0,211,223)
```
#00c1df
```
#00c1df rgb(0,193,223)
```
#00aedf
```
#00aedf rgb(0,174,223)
```

Similar Colors

Text with hexadecimal color #00dfd8

This text has a font color of #00dfd8.

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

#00dfd8 background color

This paragraph has a background color of #00dfd8.

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

#00dfd8 border color

This element has a border color of #00dfd8.

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

CSS codes

.text {color:#00dfd8;}

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

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

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, #000707 is the darkest color, while #f3ffff is the lightest one.

#000707
```
#000707 rgb(0,7,7)
```
#001b1a
```
#001b1a rgb(0,27,26)
```
#002e2d
```
#002e2d rgb(0,46,45)
```
#004240
```
#004240 rgb(0,66,64)
```
#005653
```
#005653 rgb(0,86,83)
```
#006966
```
#006966 rgb(0,105,102)
```
#007d79
```
#007d79 rgb(0,125,121)
```
#00918c
```
#00918c rgb(0,145,140)
```
#00a49f
```
#00a49f rgb(0,164,159)
```
#00b8b2
```
#00b8b2 rgb(0,184,178)
```
#00cbc5
```
#00cbc5 rgb(0,203,197)
```
#00dfd8
```
#00dfd8 rgb(0,223,216)
```
#00f3eb
```
#00f3eb rgb(0,243,235)
```

Shade Color Variation

#07fff7
```
#07fff7 rgb(7,255,247)
```
#1bfff8
```
#1bfff8 rgb(27,255,248)
```
#2efff8
```
#2efff8 rgb(46,255,248)
```
#42fff9
```
#42fff9 rgb(66,255,249)
```
#56fffa
```
#56fffa rgb(86,255,250)
```
#69fffa
```
#69fffa rgb(105,255,250)
```
#7dfffb
```
#7dfffb rgb(125,255,251)
```
#91fffc
```
#91fffc rgb(145,255,252)
```
#a4fffc
```
#a4fffc rgb(164,255,252)
```
#b8fffd
```
#b8fffd rgb(184,255,253)
```
#cbfffd
```
#cbfffd rgb(203,255,253)
```
#dffffe
```
#dffffe rgb(223,255,254)
```
#f3ffff
```
#f3ffff rgb(243,255,255)
```

Tint Color Variation

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

#677878
```
#677878 rgb(103,120,120)
```
#5e8180
```
#5e8180 rgb(94,129,128)
```
#568988
```
#568988 rgb(86,137,136)
```
#4d9290
```
#4d9290 rgb(77,146,144)
```
#459a98
```
#459a98 rgb(69,154,152)
```
#3ca3a0
```
#3ca3a0 rgb(60,163,160)
```
#33aca8
```
#33aca8 rgb(51,172,168)
```
#2bb4b0
```
#2bb4b0 rgb(43,180,176)
```
#22bdb8
```
#22bdb8 rgb(34,189,184)
```
#1ac5c0
```
#1ac5c0 rgb(26,197,192)
```
#11cec8
```
#11cec8 rgb(17,206,200)
```
#09d6d0
```
#09d6d0 rgb(9,214,208)
```
#00dfd8
```
#00dfd8 rgb(0,223,216)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#7da9a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdc9cd Protanopia 1% of men
#d1c6e3 Deuteranopia 1% of men
#39dded Tritanopia 0.001% of the population

Trichromacy

#82d1d1 Protanomaly 1% of men, 0.01% of women
#85cfdf Deuteranomaly 6% of men, 0.4% of women
#24dee5 Tritanomaly 0.01% of the population