#1fd5cf hex color

In a RGB color space, hex #1fd5cf is composed of 12.2% red, 83.5% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 85.4% cyan, 0% magenta, 2.8% yellow and 16.5% black. It has a hue angle of 178 degrees, a saturation of 74.6% and a lightness of 47.8%. #1fd5cf color hex could be obtained by blending #3effff with #00ab9f. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 12
- G 84
- B 81
RGB color chart
- C 85
- M 0
- Y 3
- K 16
CMYK color chart

● #1fd5cf color description : Strong cyan.

The hexadecimal color #1fd5cf has RGB values of R:31, G:213, B:207 and CMYK values of C:0.85, M:0, Y:0.03, K:0.16. Its decimal value is 2086351.

Hex triplet	1fd5cf	`#1fd5cf`
RGB Decimal	31, 213, 207	`rgb(31,213,207)`
RGB Percent	12.2, 83.5, 81.2	`rgb(12.2%,83.5%,81.2%)`
CMYK	85, 0, 3, 16
HSL	178°, 74.6, 47.8	`hsl(178,74.6%,47.8%)`
HSV (or HSB)	178°, 85.4, 83.5
Web Safe	33cccc	`#33cccc`

CIE-LAB	77.508, -42.573, -9.112
XYZ	35.618, 52.381, 67.261
xyY	0.229, 0.337, 52.381
CIE-LCH	77.508, 43.537, 192.081
CIE-LUV	77.508, -59.032, -7.616
Hunter-Lab	72.375, -38.81, -4.439
Binary	00011111, 11010101, 11001111

#1fd5cf
```
#1fd5cf rgb(31,213,207)
```
#d51f25
```
#d51f25 rgb(213,31,37)
```

Complementary Color

#1fd574
```
#1fd574 rgb(31,213,116)
```
#1fd5cf
```
#1fd5cf rgb(31,213,207)
```
#1f80d5
```
#1f80d5 rgb(31,128,213)
```

Analogous Color

#d5741f
```
#d5741f rgb(213,116,31)
```
#1fd5cf
```
#1fd5cf rgb(31,213,207)
```
#d51f80
```
#d51f80 rgb(213,31,128)
```

Split Complementary Color

#d5cf1f
```
#d5cf1f rgb(213,207,31)
```
#1fd5cf
```
#1fd5cf rgb(31,213,207)
```
#cf1fd5
```
#cf1fd5 rgb(207,31,213)
```

Triadic Color

#25d51f
```
#25d51f rgb(37,213,31)
```
#1fd5cf
```
#1fd5cf rgb(31,213,207)
```
#cf1fd5
```
#cf1fd5 rgb(207,31,213)
```
#d51f25
```
#d51f25 rgb(213,31,37)
```

Tetradic Color

#15928e
```
#15928e rgb(21,146,142)
```
#19a8a4
```
#19a8a4 rgb(25,168,164)
```
#1cbfb9
```
#1cbfb9 rgb(28,191,185)
```
#1fd5cf
```
#1fd5cf rgb(31,213,207)
```
#2de0db
```
#2de0db rgb(45,224,219)
```
#43e4de
```
#43e4de rgb(67,228,222)
```
#5ae7e2
```
#5ae7e2 rgb(90,231,226)
```

Monochromatic Color

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

#1fd5a2
```
#1fd5a2 rgb(31,213,162)
```
#1fd5b1
```
#1fd5b1 rgb(31,213,177)
```
#1fd5c0
```
#1fd5c0 rgb(31,213,192)
```
#1fd5cf
```
#1fd5cf rgb(31,213,207)
```
#1fccd5
```
#1fccd5 rgb(31,204,213)
```
#1fbdd5
```
#1fbdd5 rgb(31,189,213)
```
#1faed5
```
#1faed5 rgb(31,174,213)
```

Similar Colors

Text with hexadecimal color #1fd5cf

This text has a font color of #1fd5cf.

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

#1fd5cf background color

This paragraph has a background color of #1fd5cf.

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

#1fd5cf border color

This element has a border color of #1fd5cf.

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

CSS codes

.text {color:#1fd5cf;}

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

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

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

#010807
```
#010807 rgb(1,8,7)
```
#041918
```
#041918 rgb(4,25,24)
```
#062a29
```
#062a29 rgb(6,42,41)
```
#093b39
```
#093b39 rgb(9,59,57)
```
#0b4c4a
```
#0b4c4a rgb(11,76,74)
```
#0e5d5b
```
#0e5d5b rgb(14,93,91)
```
#106e6b
```
#106e6b rgb(16,110,107)
```
#137f7c
```
#137f7c rgb(19,127,124)
```
#15918c
```
#15918c rgb(21,145,140)
```
#18a29d
```
#18a29d rgb(24,162,157)
```
#1ab3ae
```
#1ab3ae rgb(26,179,174)
```
#1dc4be
```
#1dc4be rgb(29,196,190)
```
#1fd5cf
```
#1fd5cf rgb(31,213,207)
```

Shade Color Variation

#28e0da
```
#28e0da rgb(40,224,218)
```
#39e2dd
```
#39e2dd rgb(57,226,221)
```
#4ae5e0
```
#4ae5e0 rgb(74,229,224)
```
#5be7e3
```
#5be7e3 rgb(91,231,227)
```
#6ceae6
```
#6ceae6 rgb(108,234,230)
```
#7eece9
```
#7eece9 rgb(126,236,233)
```
#8fefeb
```
#8fefeb rgb(143,239,235)
```
#a0f1ee
```
#a0f1ee rgb(160,241,238)
```
#b1f4f1
```
#b1f4f1 rgb(177,244,241)
```
#c2f6f4
```
#c2f6f4 rgb(194,246,244)
```
#d3f9f7
```
#d3f9f7 rgb(211,249,247)
```
#e4fbfa
```
#e4fbfa rgb(228,251,250)
```
#f5fefd
```
#f5fefd rgb(245,254,253)
```

Tint Color Variation

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

#738180
```
#738180 rgb(115,129,128)
```
#6a8a89
```
#6a8a89 rgb(106,138,137)
```
#619392
```
#619392 rgb(97,147,146)
```
#579d9a
```
#579d9a rgb(87,157,154)
```
#4ea6a3
```
#4ea6a3 rgb(78,166,163)
```
#45afac
```
#45afac rgb(69,175,172)
```
#3bb9b5
```
#3bb9b5 rgb(59,185,181)
```
#32c2bd
```
#32c2bd rgb(50,194,189)
```
#28ccc6
```
#28ccc6 rgb(40,204,198)
```
#1fd5cf
```
#1fd5cf rgb(31,213,207)
```
#16ded8
```
#16ded8 rgb(22,222,216)
```
#0ce8e1
```
#0ce8e1 rgb(12,232,225)
```
#03f1e9
```
#03f1e9 rgb(3,241,233)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#85a9a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5c1c5 Protanopia 1% of men
#c9beda Deuteranopia 1% of men
#41d4e3 Tritanopia 0.001% of the population

Trichromacy

#88c8c9 Protanomaly 1% of men, 0.01% of women
#8bc6d6 Deuteranomaly 6% of men, 0.4% of women
#34d4dc Tritanomaly 0.01% of the population

#1fd5cf hex color

#1fd5cf Color Information

#1fd5cf Color Conversion

Color Schemes with #1fd5cf

Alternatives to #1fd5cf

#1fd5cf Preview

Shades and Tints of #1fd5cf

Tones of #1fd5cf

Color Blindness Simulator