#1fd5bc hex color

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

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

● #1fd5bc color description : Strong cyan.

The hexadecimal color #1fd5bc has RGB values of R:31, G:213, B:188 and CMYK values of C:0.85, M:0, Y:0.12, K:0.16. Its decimal value is 2086332.

Hex triplet	1fd5bc	`#1fd5bc`
RGB Decimal	31, 213, 188	`rgb(31,213,188)`
RGB Percent	12.2, 83.5, 73.7	`rgb(12.2%,83.5%,73.7%)`
CMYK	85, 0, 12, 16
HSL	171.8°, 74.6, 47.8	`hsl(171.8,74.6%,47.8%)`
HSV (or HSB)	171.8°, 85.4, 83.5
Web Safe	33cccc	`#33cccc`

CIE-LAB	76.985, -47.846, 0.314
XYZ	33.433, 51.507, 55.754
xyY	0.238, 0.366, 51.507
CIE-LCH	76.985, 47.847, 179.624
CIE-LUV	76.985, -60.487, 7.95
Hunter-Lab	71.769, -42.441, 4.178
Binary	00011111, 11010101, 10111100

#1fd5bc
```
#1fd5bc rgb(31,213,188)
```
#d51f38
```
#d51f38 rgb(213,31,56)
```

Complementary Color

#1fd561
```
#1fd561 rgb(31,213,97)
```
#1fd5bc
```
#1fd5bc rgb(31,213,188)
```
#1f93d5
```
#1f93d5 rgb(31,147,213)
```

Analogous Color

#d5611f
```
#d5611f rgb(213,97,31)
```
#1fd5bc
```
#1fd5bc rgb(31,213,188)
```
#d51f93
```
#d51f93 rgb(213,31,147)
```

Split Complementary Color

#d5bc1f
```
#d5bc1f rgb(213,188,31)
```
#1fd5bc
```
#1fd5bc rgb(31,213,188)
```
#bc1fd5
```
#bc1fd5 rgb(188,31,213)
```

Triadic Color

#38d51f
```
#38d51f rgb(56,213,31)
```
#1fd5bc
```
#1fd5bc rgb(31,213,188)
```
#bc1fd5
```
#bc1fd5 rgb(188,31,213)
```
#d51f38
```
#d51f38 rgb(213,31,56)
```

Tetradic Color

#159281
```
#159281 rgb(21,146,129)
```
#19a895
```
#19a895 rgb(25,168,149)
```
#1cbfa8
```
#1cbfa8 rgb(28,191,168)
```
#1fd5bc
```
#1fd5bc rgb(31,213,188)
```
#2de0c8
```
#2de0c8 rgb(45,224,200)
```
#43e4ce
```
#43e4ce rgb(67,228,206)
```
#5ae7d4
```
#5ae7d4 rgb(90,231,212)
```

Monochromatic Color

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

#1fd58f
```
#1fd58f rgb(31,213,143)
```
#1fd59e
```
#1fd59e rgb(31,213,158)
```
#1fd5ad
```
#1fd5ad rgb(31,213,173)
```
#1fd5bc
```
#1fd5bc rgb(31,213,188)
```
#1fd5cb
```
#1fd5cb rgb(31,213,203)
```
#1fd0d5
```
#1fd0d5 rgb(31,208,213)
```
#1fc1d5
```
#1fc1d5 rgb(31,193,213)
```

Similar Colors

Text with hexadecimal color #1fd5bc

This text has a font color of #1fd5bc.

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

#1fd5bc background color

This paragraph has a background color of #1fd5bc.

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

#1fd5bc border color

This element has a border color of #1fd5bc.

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

CSS codes

.text {color:#1fd5bc;}

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

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

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 #f5fefc is the lightest one.

#010807
```
#010807 rgb(1,8,7)
```
#041916
```
#041916 rgb(4,25,22)
```
#062a25
```
#062a25 rgb(6,42,37)
```
#093b34
```
#093b34 rgb(9,59,52)
```
#0b4c43
```
#0b4c43 rgb(11,76,67)
```
#0e5d52
```
#0e5d52 rgb(14,93,82)
```
#106e61
```
#106e61 rgb(16,110,97)
```
#137f70
```
#137f70 rgb(19,127,112)
```
#159180
```
#159180 rgb(21,145,128)
```
#18a28f
```
#18a28f rgb(24,162,143)
```
#1ab39e
```
#1ab39e rgb(26,179,158)
```
#1dc4ad
```
#1dc4ad rgb(29,196,173)
```
#1fd5bc
```
#1fd5bc rgb(31,213,188)
```

Shade Color Variation

#28e0c6
```
#28e0c6 rgb(40,224,198)
```
#39e2cb
```
#39e2cb rgb(57,226,203)
```
#4ae5cf
```
#4ae5cf rgb(74,229,207)
```
#5be7d4
```
#5be7d4 rgb(91,231,212)
```
#6cead8
```
#6cead8 rgb(108,234,216)
```
#7eecdd
```
#7eecdd rgb(126,236,221)
```
#8fefe1
```
#8fefe1 rgb(143,239,225)
```
#a0f1e6
```
#a0f1e6 rgb(160,241,230)
```
#b1f4ea
```
#b1f4ea rgb(177,244,234)
```
#c2f6ef
```
#c2f6ef rgb(194,246,239)
```
#d3f9f3
```
#d3f9f3 rgb(211,249,243)
```
#e4fbf8
```
#e4fbf8 rgb(228,251,248)
```
#f5fefc
```
#f5fefc rgb(245,254,252)
```

Tint Color Variation

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

#73817f
```
#73817f rgb(115,129,127)
```
#6a8a86
```
#6a8a86 rgb(106,138,134)
```
#61938c
```
#61938c rgb(97,147,140)
```
#579d93
```
#579d93 rgb(87,157,147)
```
#4ea69a
```
#4ea69a rgb(78,166,154)
```
#45afa1
```
#45afa1 rgb(69,175,161)
```
#3bb9a8
```
#3bb9a8 rgb(59,185,168)
```
#32c2ae
```
#32c2ae rgb(50,194,174)
```
#28ccb5
```
#28ccb5 rgb(40,204,181)
```
#1fd5bc
```
#1fd5bc rgb(31,213,188)
```
#16dec3
```
#16dec3 rgb(22,222,195)
```
#0ce8ca
```
#0ce8ca rgb(12,232,202)
```
#03f1d0
```
#03f1d0 rgb(3,241,208)
```

Tone Color Variation

Below, you can see how #1fd5bc 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
#83a7a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7c0b4 Protanopia 1% of men
#cfbcc9 Deuteranopia 1% of men
#4cd2e1 Tritanopia 0.001% of the population

Trichromacy

#8ac8b6 Protanomaly 1% of men, 0.01% of women
#8fc5c4 Deuteranomaly 6% of men, 0.4% of women
#3cd3d3 Tritanomaly 0.01% of the population

#1fd5bc hex color

#1fd5bc Color Information

#1fd5bc Color Conversion

Color Schemes with #1fd5bc

Alternatives to #1fd5bc

#1fd5bc Preview

Shades and Tints of #1fd5bc

Tones of #1fd5bc

Color Blindness Simulator