#1fd5cc hex color

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

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

● #1fd5cc color description : Strong cyan.

The hexadecimal color #1fd5cc has RGB values of R:31, G:213, B:204 and CMYK values of C:0.85, M:0, Y:0.04, K:0.16. Its decimal value is 2086348.

Hex triplet	1fd5cc	`#1fd5cc`
RGB Decimal	31, 213, 204	`rgb(31,213,204)`
RGB Percent	12.2, 83.5, 80	`rgb(12.2%,83.5%,80%)`
CMYK	85, 0, 4, 16
HSL	177°, 74.6, 47.8	`hsl(177,74.6%,47.8%)`
HSV (or HSB)	177°, 85.4, 83.5
Web Safe	33cccc	`#33cccc`

CIE-LAB	77.422, -43.429, -7.63
XYZ	35.255, 52.236, 65.348
xyY	0.231, 0.342, 52.236
CIE-LCH	77.422, 44.095, 189.965
CIE-LUV	77.422, -59.264, -5.119
Hunter-Lab	72.274, -39.409, -3.016
Binary	00011111, 11010101, 11001100

#1fd5cc
```
#1fd5cc rgb(31,213,204)
```
#d51f28
```
#d51f28 rgb(213,31,40)
```

Complementary Color

#1fd571
```
#1fd571 rgb(31,213,113)
```
#1fd5cc
```
#1fd5cc rgb(31,213,204)
```
#1f83d5
```
#1f83d5 rgb(31,131,213)
```

Analogous Color

#d5711f
```
#d5711f rgb(213,113,31)
```
#1fd5cc
```
#1fd5cc rgb(31,213,204)
```
#d51f83
```
#d51f83 rgb(213,31,131)
```

Split Complementary Color

#d5cc1f
```
#d5cc1f rgb(213,204,31)
```
#1fd5cc
```
#1fd5cc rgb(31,213,204)
```
#cc1fd5
```
#cc1fd5 rgb(204,31,213)
```

Triadic Color

#28d51f
```
#28d51f rgb(40,213,31)
```
#1fd5cc
```
#1fd5cc rgb(31,213,204)
```
#cc1fd5
```
#cc1fd5 rgb(204,31,213)
```
#d51f28
```
#d51f28 rgb(213,31,40)
```

Tetradic Color

#15928c
```
#15928c rgb(21,146,140)
```
#19a8a1
```
#19a8a1 rgb(25,168,161)
```
#1cbfb7
```
#1cbfb7 rgb(28,191,183)
```
#1fd5cc
```
#1fd5cc rgb(31,213,204)
```
#2de0d8
```
#2de0d8 rgb(45,224,216)
```
#43e4dc
```
#43e4dc rgb(67,228,220)
```
#5ae7e0
```
#5ae7e0 rgb(90,231,224)
```

Monochromatic Color

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

#1fd59f
```
#1fd59f rgb(31,213,159)
```
#1fd5ae
```
#1fd5ae rgb(31,213,174)
```
#1fd5bd
```
#1fd5bd rgb(31,213,189)
```
#1fd5cc
```
#1fd5cc rgb(31,213,204)
```
#1fcfd5
```
#1fcfd5 rgb(31,207,213)
```
#1fc0d5
```
#1fc0d5 rgb(31,192,213)
```
#1fb1d5
```
#1fb1d5 rgb(31,177,213)
```

Similar Colors

Text with hexadecimal color #1fd5cc

This text has a font color of #1fd5cc.

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

#1fd5cc background color

This paragraph has a background color of #1fd5cc.

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

#1fd5cc border color

This element has a border color of #1fd5cc.

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

CSS codes

.text {color:#1fd5cc;}

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

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

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)
```
#062a28
```
#062a28 rgb(6,42,40)
```
#093b38
```
#093b38 rgb(9,59,56)
```
#0b4c49
```
#0b4c49 rgb(11,76,73)
```
#0e5d59
```
#0e5d59 rgb(14,93,89)
```
#106e6a
```
#106e6a rgb(16,110,106)
```
#137f7a
```
#137f7a rgb(19,127,122)
```
#15918a
```
#15918a rgb(21,145,138)
```
#18a29b
```
#18a29b rgb(24,162,155)
```
#1ab3ab
```
#1ab3ab rgb(26,179,171)
```
#1dc4bc
```
#1dc4bc rgb(29,196,188)
```
#1fd5cc
```
#1fd5cc rgb(31,213,204)
```

Shade Color Variation

#28e0d7
```
#28e0d7 rgb(40,224,215)
```
#39e2da
```
#39e2da rgb(57,226,218)
```
#4ae5dd
```
#4ae5dd rgb(74,229,221)
```
#5be7e0
```
#5be7e0 rgb(91,231,224)
```
#6ceae3
```
#6ceae3 rgb(108,234,227)
```
#7eece7
```
#7eece7 rgb(126,236,231)
```
#8fefea
```
#8fefea rgb(143,239,234)
```
#a0f1ed
```
#a0f1ed rgb(160,241,237)
```
#b1f4f0
```
#b1f4f0 rgb(177,244,240)
```
#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 #03f1e5 is the most saturated one.

#738180
```
#738180 rgb(115,129,128)
```
#6a8a88
```
#6a8a88 rgb(106,138,136)
```
#619391
```
#619391 rgb(97,147,145)
```
#579d99
```
#579d99 rgb(87,157,153)
```
#4ea6a2
```
#4ea6a2 rgb(78,166,162)
```
#45afaa
```
#45afaa rgb(69,175,170)
```
#3bb9b3
```
#3bb9b3 rgb(59,185,179)
```
#32c2bb
```
#32c2bb rgb(50,194,187)
```
#28ccc4
```
#28ccc4 rgb(40,204,196)
```
#1fd5cc
```
#1fd5cc rgb(31,213,204)
```
#16ded4
```
#16ded4 rgb(22,222,212)
```
#0ce8dd
```
#0ce8dd rgb(12,232,221)
```
#03f1e5
```
#03f1e5 rgb(3,241,229)
```

Tone Color Variation

Below, you can see how #1fd5cc 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
#85a9a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5c1c2 Protanopia 1% of men
#cabdd7 Deuteranopia 1% of men
#43d3e3 Tritanopia 0.001% of the population

Trichromacy

#88c8c6 Protanomaly 1% of men, 0.01% of women
#8bc6d3 Deuteranomaly 6% of men, 0.4% of women
#36d4da Tritanomaly 0.01% of the population

#1fd5cc hex color

#1fd5cc Color Information

#1fd5cc Color Conversion

Color Schemes with #1fd5cc

Alternatives to #1fd5cc

#1fd5cc Preview

Shades and Tints of #1fd5cc

Tones of #1fd5cc

Color Blindness Simulator