colorhexa.com

#1dd4cf hex color

In a RGB color space, hex #1dd4cf is composed of 11.4% red, 83.1% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 86.3% cyan, 0% magenta, 2.4% yellow and 16.9% black. It has a hue angle of 178.4 degrees, a saturation of 75.9% and a lightness of 47.3%. #1dd4cf color hex could be obtained by blending #3affff with #00a99f. Closest websafe color is: #33cccc.

- R 11
- G 83
- B 81
RGB color chart
- C 86
- M 0
- Y 2
- K 17
CMYK color chart

● #1dd4cf color description : Strong cyan.

The hexadecimal color #1dd4cf has RGB values of R:29, G:212, B:207 and CMYK values of C:0.86, M:0, Y:0.02, K:0.17. Its decimal value is 1955023.

Hex triplet	1dd4cf	`#1dd4cf`
RGB Decimal	29, 212, 207	`rgb(29,212,207)`
RGB Percent	11.4, 83.1, 81.2	`rgb(11.4%,83.1%,81.2%)`
CMYK	86, 0, 2, 17
HSL	178.4°, 75.9, 47.3	`hsl(178.4,75.9%,47.3%)`
HSV (or HSB)	178.4°, 86.3, 83.1
Web Safe	33cccc	`#33cccc`

CIE-LAB	77.191, -42.25, -9.586
XYZ	35.309, 51.85, 67.175
xyY	0.229, 0.336, 51.85
CIE-LCH	77.191, 43.324, 192.783
CIE-LUV	77.191, -58.837, -8.424
Hunter-Lab	72.007, -38.483, -4.907
Binary	00011101, 11010100, 11001111

#1dd4cf
```
#1dd4cf rgb(29,212,207)
```
#d41d22
```
#d41d22 rgb(212,29,34)
```

Complementary Color

#1dd474
```
#1dd474 rgb(29,212,116)
```
#1dd4cf
```
#1dd4cf rgb(29,212,207)
```
#1d7ed4
```
#1d7ed4 rgb(29,126,212)
```

Analogous Color

#d4741d
```
#d4741d rgb(212,116,29)
```
#1dd4cf
```
#1dd4cf rgb(29,212,207)
```
#d41d7e
```
#d41d7e rgb(212,29,126)
```

Split Complementary Color

#d4cf1d
```
#d4cf1d rgb(212,207,29)
```
#1dd4cf
```
#1dd4cf rgb(29,212,207)
```
#cf1dd4
```
#cf1dd4 rgb(207,29,212)
```

Triadic Color

#22d41d
```
#22d41d rgb(34,212,29)
```
#1dd4cf
```
#1dd4cf rgb(29,212,207)
```
#cf1dd4
```
#cf1dd4 rgb(207,29,212)
```
#d41d22
```
#d41d22 rgb(212,29,34)
```

Tetradic Color

#14918d
```
#14918d rgb(20,145,141)
```
#17a7a3
```
#17a7a3 rgb(23,167,163)
```
#1abeb9
```
#1abeb9 rgb(26,190,185)
```
#1dd4cf
```
#1dd4cf rgb(29,212,207)
```
#29e2dd
```
#29e2dd rgb(41,226,221)
```
#3fe5e0
```
#3fe5e0 rgb(63,229,224)
```
#56e8e4
```
#56e8e4 rgb(86,232,228)
```

Monochromatic Color

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

#1dd4a1
```
#1dd4a1 rgb(29,212,161)
```
#1dd4b1
```
#1dd4b1 rgb(29,212,177)
```
#1dd4c0
```
#1dd4c0 rgb(29,212,192)
```
#1dd4cf
```
#1dd4cf rgb(29,212,207)
```
#1dcad4
```
#1dcad4 rgb(29,202,212)
```
#1dbbd4
```
#1dbbd4 rgb(29,187,212)
```
#1dabd4
```
#1dabd4 rgb(29,171,212)
```

Similar Colors

Text with hexadecimal color #1dd4cf

This text has a font color of #1dd4cf.

<span style="color:#1dd4cf;">Text here</span>

#1dd4cf background color

This paragraph has a background color of #1dd4cf.

<p style="background-color:#1dd4cf;">Content here</p>

#1dd4cf border color

This element has a border color of #1dd4cf.

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

CSS codes

.text {color:#1dd4cf;}

.background {background-color:#1dd4cf;}

.border {border:1px solid #1dd4cf;}

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

#010505
```
#010505 rgb(1,5,5)
```
#031616
```
#031616 rgb(3,22,22)
```
#052727
```
#052727 rgb(5,39,39)
```
#083937
```
#083937 rgb(8,57,55)
```
#0a4a48
```
#0a4a48 rgb(10,74,72)
```
#0c5b59
```
#0c5b59 rgb(12,91,89)
```
#0f6c6a
```
#0f6c6a rgb(15,108,106)
```
#117e7b
```
#117e7b rgb(17,126,123)
```
#148f8c
```
#148f8c rgb(20,143,140)
```
#16a09c
```
#16a09c rgb(22,160,156)
```
#18b1ad
```
#18b1ad rgb(24,177,173)
```
#1bc3be
```
#1bc3be rgb(27,195,190)
```
#1dd4cf
```
#1dd4cf rgb(29,212,207)
```

Shade Color Variation

#24e1dc
```
#24e1dc rgb(36,225,220)
```
#35e3df
```
#35e3df rgb(53,227,223)
```
#46e6e1
```
#46e6e1 rgb(70,230,225)
```
#57e8e4
```
#57e8e4 rgb(87,232,228)
```
#69eae7
```
#69eae7 rgb(105,234,231)
```
#7aedea
```
#7aedea rgb(122,237,234)
```
#8befec
```
#8befec rgb(139,239,236)
```
#9cf2ef
```
#9cf2ef rgb(156,242,239)
```
#aef4f2
```
#aef4f2 rgb(174,244,242)
```
#bff6f5
```
#bff6f5 rgb(191,246,245)
```
#d0f9f7
```
#d0f9f7 rgb(208,249,247)
```
#e1fbfa
```
#e1fbfa rgb(225,251,250)
```
#f3fdfd
```
#f3fdfd rgb(243,253,253)
```

Tint Color Variation

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

#708180
```
#708180 rgb(112,129,128)
```
#678a89
```
#678a89 rgb(103,138,137)
```
#5e9392
```
#5e9392 rgb(94,147,146)
```
#559c9a
```
#559c9a rgb(85,156,154)
```
#4ba6a3
```
#4ba6a3 rgb(75,166,163)
```
#42afac
```
#42afac rgb(66,175,172)
```
#39b8b5
```
#39b8b5 rgb(57,184,181)
```
#30c1bd
```
#30c1bd rgb(48,193,189)
```
#26cbc6
```
#26cbc6 rgb(38,203,198)
```
#1dd4cf
```
#1dd4cf rgb(29,212,207)
```
#14ddd8
```
#14ddd8 rgb(20,221,216)
```
#0ae7e1
```
#0ae7e1 rgb(10,231,225)
```
#01f0e9
```
#01f0e9 rgb(1,240,233)
```

Tone Color Variation

Below, you can see how #1dd4cf 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

#9d9d9d Achromatopsia 0.005% of the population
#83a8a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3c0c5 Protanopia 1% of men
#c7bdda Deuteranopia 1% of men
#3fd3e2 Tritanopia 0.001% of the population

Trichromacy

#87c7c9 Protanomaly 1% of men, 0.01% of women
#89c5d6 Deuteranomaly 6% of men, 0.4% of women
#32d3db Tritanomaly 0.01% of the population