#1fd5bb hex color

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

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

● #1fd5bb color description : Strong cyan.

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

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

CIE-LAB	76.959, -48.113, 0.812
XYZ	33.326, 51.464, 55.188
xyY	0.238, 0.368, 51.464
CIE-LCH	76.959, 48.119, 179.033
CIE-LUV	76.959, -60.563, 8.751
Hunter-Lab	71.739, -42.621, 4.605
Binary	00011111, 11010101, 10111011

#1fd5bb
```
#1fd5bb rgb(31,213,187)
```
#d51f39
```
#d51f39 rgb(213,31,57)
```

Complementary Color

#1fd560
```
#1fd560 rgb(31,213,96)
```
#1fd5bb
```
#1fd5bb rgb(31,213,187)
```
#1f94d5
```
#1f94d5 rgb(31,148,213)
```

Analogous Color

#d5601f
```
#d5601f rgb(213,96,31)
```
#1fd5bb
```
#1fd5bb rgb(31,213,187)
```
#d51f94
```
#d51f94 rgb(213,31,148)
```

Split Complementary Color

#d5bb1f
```
#d5bb1f rgb(213,187,31)
```
#1fd5bb
```
#1fd5bb rgb(31,213,187)
```
#bb1fd5
```
#bb1fd5 rgb(187,31,213)
```

Triadic Color

#39d51f
```
#39d51f rgb(57,213,31)
```
#1fd5bb
```
#1fd5bb rgb(31,213,187)
```
#bb1fd5
```
#bb1fd5 rgb(187,31,213)
```
#d51f39
```
#d51f39 rgb(213,31,57)
```

Tetradic Color

#159280
```
#159280 rgb(21,146,128)
```
#19a894
```
#19a894 rgb(25,168,148)
```
#1cbfa7
```
#1cbfa7 rgb(28,191,167)
```
#1fd5bb
```
#1fd5bb rgb(31,213,187)
```
#2de0c7
```
#2de0c7 rgb(45,224,199)
```
#43e4cd
```
#43e4cd rgb(67,228,205)
```
#5ae7d3
```
#5ae7d3 rgb(90,231,211)
```

Monochromatic Color

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

#1fd58e
```
#1fd58e rgb(31,213,142)
```
#1fd59d
```
#1fd59d rgb(31,213,157)
```
#1fd5ac
```
#1fd5ac rgb(31,213,172)
```
#1fd5bb
```
#1fd5bb rgb(31,213,187)
```
#1fd5ca
```
#1fd5ca rgb(31,213,202)
```
#1fd1d5
```
#1fd1d5 rgb(31,209,213)
```
#1fc2d5
```
#1fc2d5 rgb(31,194,213)
```

Similar Colors

Text with hexadecimal color #1fd5bb

This text has a font color of #1fd5bb.

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

#1fd5bb background color

This paragraph has a background color of #1fd5bb.

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

#1fd5bb border color

This element has a border color of #1fd5bb.

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

CSS codes

.text {color:#1fd5bb;}

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

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

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)
```
#15917f
```
#15917f rgb(21,145,127)
```
#18a28e
```
#18a28e rgb(24,162,142)
```
#1ab39d
```
#1ab39d rgb(26,179,157)
```
#1dc4ac
```
#1dc4ac rgb(29,196,172)
```
#1fd5bb
```
#1fd5bb rgb(31,213,187)
```

Shade Color Variation

#28e0c5
```
#28e0c5 rgb(40,224,197)
```
#39e2ca
```
#39e2ca rgb(57,226,202)
```
#4ae5cf
```
#4ae5cf rgb(74,229,207)
```
#5be7d3
```
#5be7d3 rgb(91,231,211)
```
#6cead8
```
#6cead8 rgb(108,234,216)
```
#7eecdc
```
#7eecdc rgb(126,236,220)
```
#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 #03f1cf is the most saturated one.

#73817f
```
#73817f rgb(115,129,127)
```
#6a8a85
```
#6a8a85 rgb(106,138,133)
```
#61938c
```
#61938c rgb(97,147,140)
```
#579d93
```
#579d93 rgb(87,157,147)
```
#4ea699
```
#4ea699 rgb(78,166,153)
```
#45afa0
```
#45afa0 rgb(69,175,160)
```
#3bb9a7
```
#3bb9a7 rgb(59,185,167)
```
#32c2ae
```
#32c2ae rgb(50,194,174)
```
#28ccb4
```
#28ccb4 rgb(40,204,180)
```
#1fd5bb
```
#1fd5bb rgb(31,213,187)
```
#16dec2
```
#16dec2 rgb(22,222,194)
```
#0ce8c8
```
#0ce8c8 rgb(12,232,200)
```
#03f1cf
```
#03f1cf rgb(3,241,207)
```

Tone Color Variation

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

#c8c0b3 Protanopia 1% of men
#cfbbc8 Deuteranopia 1% of men
#4dd2e1 Tritanopia 0.001% of the population

Trichromacy

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

#1fd5bb hex color

#1fd5bb Color Information

#1fd5bb Color Conversion

Color Schemes with #1fd5bb

Alternatives to #1fd5bb

#1fd5bb Preview

Shades and Tints of #1fd5bb

Tones of #1fd5bb

Color Blindness Simulator