#1fd2b8 hex color

In a RGB color space, hex #1fd2b8 is composed of 12.2% red, 82.4% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 85.2% cyan, 0% magenta, 12.4% yellow and 17.6% black. It has a hue angle of 171.3 degrees, a saturation of 74.3% and a lightness of 47.3%. #1fd2b8 color hex could be obtained by blending #3effff with #00a571. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 12
- G 82
- B 72
RGB color chart
- C 85
- M 0
- Y 12
- K 18
CMYK color chart

● #1fd2b8 color description : Strong cyan.

The hexadecimal color #1fd2b8 has RGB values of R:31, G:210, B:184 and CMYK values of C:0.85, M:0, Y:0.12, K:0.18. Its decimal value is 2085560.

Hex triplet	1fd2b8	`#1fd2b8`
RGB Decimal	31, 210, 184	`rgb(31,210,184)`
RGB Percent	12.2, 82.4, 72.2	`rgb(12.2%,82.4%,72.2%)`
CMYK	85, 0, 12, 18
HSL	171.3°, 74.3, 47.3	`hsl(171.3,74.3%,47.3%)`
HSV (or HSB)	171.3°, 85.2, 82.4
Web Safe	33cccc	`#33cccc`

CIE-LAB	75.972, -47.655, 0.984
XYZ	32.26, 49.842, 53.265
xyY	0.238, 0.368, 49.842
CIE-LCH	75.972, 47.665, 178.817
CIE-LUV	75.972, -59.767, 8.922
Hunter-Lab	70.599, -41.982, 4.686
Binary	00011111, 11010010, 10111000

#1fd2b8
```
#1fd2b8 rgb(31,210,184)
```
#d21f39
```
#d21f39 rgb(210,31,57)
```

Complementary Color

#1fd25f
```
#1fd25f rgb(31,210,95)
```
#1fd2b8
```
#1fd2b8 rgb(31,210,184)
```
#1f93d2
```
#1f93d2 rgb(31,147,210)
```

Analogous Color

#d25f1f
```
#d25f1f rgb(210,95,31)
```
#1fd2b8
```
#1fd2b8 rgb(31,210,184)
```
#d21f93
```
#d21f93 rgb(210,31,147)
```

Split Complementary Color

#d2b81f
```
#d2b81f rgb(210,184,31)
```
#1fd2b8
```
#1fd2b8 rgb(31,210,184)
```
#b81fd2
```
#b81fd2 rgb(184,31,210)
```

Triadic Color

#39d21f
```
#39d21f rgb(57,210,31)
```
#1fd2b8
```
#1fd2b8 rgb(31,210,184)
```
#b81fd2
```
#b81fd2 rgb(184,31,210)
```
#d21f39
```
#d21f39 rgb(210,31,57)
```

Tetradic Color

#158f7e
```
#158f7e rgb(21,143,126)
```
#18a691
```
#18a691 rgb(24,166,145)
```
#1cbca5
```
#1cbca5 rgb(28,188,165)
```
#1fd2b8
```
#1fd2b8 rgb(31,210,184)
```
#2be0c5
```
#2be0c5 rgb(43,224,197)
```
#41e3cb
```
#41e3cb rgb(65,227,203)
```
#57e6d1
```
#57e6d1 rgb(87,230,209)
```

Monochromatic Color

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

#1fd28b
```
#1fd28b rgb(31,210,139)
```
#1fd29a
```
#1fd29a rgb(31,210,154)
```
#1fd2a9
```
#1fd2a9 rgb(31,210,169)
```
#1fd2b8
```
#1fd2b8 rgb(31,210,184)
```
#1fd2c7
```
#1fd2c7 rgb(31,210,199)
```
#1fced2
```
#1fced2 rgb(31,206,210)
```
#1fbfd2
```
#1fbfd2 rgb(31,191,210)
```

Similar Colors

Text with hexadecimal color #1fd2b8

This text has a font color of #1fd2b8.

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

#1fd2b8 background color

This paragraph has a background color of #1fd2b8.

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

#1fd2b8 border color

This element has a border color of #1fd2b8.

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

CSS codes

.text {color:#1fd2b8;}

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

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

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

#010504
```
#010504 rgb(1,5,4)
```
#031613
```
#031613 rgb(3,22,19)
```
#062722
```
#062722 rgb(6,39,34)
```
#083831
```
#083831 rgb(8,56,49)
```
#0b4940
```
#0b4940 rgb(11,73,64)
```
#0d5a4f
```
#0d5a4f rgb(13,90,79)
```
#106b5e
```
#106b5e rgb(16,107,94)
```
#127d6d
```
#127d6d rgb(18,125,109)
```
#158e7c
```
#158e7c rgb(21,142,124)
```
#179f8b
```
#179f8b rgb(23,159,139)
```
#1ab09a
```
#1ab09a rgb(26,176,154)
```
#1cc1a9
```
#1cc1a9 rgb(28,193,169)
```
#1fd2b8
```
#1fd2b8 rgb(31,210,184)
```

Shade Color Variation

#26dfc4
```
#26dfc4 rgb(38,223,196)
```
#37e1c9
```
#37e1c9 rgb(55,225,201)
```
#48e4cd
```
#48e4cd rgb(72,228,205)
```
#59e6d2
```
#59e6d2 rgb(89,230,210)
```
#6ae9d7
```
#6ae9d7 rgb(106,233,215)
```
#7becdb
```
#7becdb rgb(123,236,219)
```
#8ceee0
```
#8ceee0 rgb(140,238,224)
```
#9df1e4
```
#9df1e4 rgb(157,241,228)
```
#aef3e9
```
#aef3e9 rgb(174,243,233)
```
#c0f6ee
```
#c0f6ee rgb(192,246,238)
```
#d1f8f2
```
#d1f8f2 rgb(209,248,242)
```
#e2fbf7
```
#e2fbf7 rgb(226,251,247)
```
#f3fdfc
```
#f3fdfc rgb(243,253,252)
```

Tint Color Variation

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

#727f7d
```
#727f7d rgb(114,127,125)
```
#698883
```
#698883 rgb(105,136,131)
```
#60918a
```
#60918a rgb(96,145,138)
```
#579a91
```
#579a91 rgb(87,154,145)
```
#4da497
```
#4da497 rgb(77,164,151)
```
#44ad9e
```
#44ad9e rgb(68,173,158)
```
#3bb6a4
```
#3bb6a4 rgb(59,182,164)
```
#32bfab
```
#32bfab rgb(50,191,171)
```
#28c9b1
```
#28c9b1 rgb(40,201,177)
```
#1fd2b8
```
#1fd2b8 rgb(31,210,184)
```
#16dbbf
```
#16dbbf rgb(22,219,191)
```
#0ce5c5
```
#0ce5c5 rgb(12,229,197)
```
#03eecc
```
#03eecc rgb(3,238,204)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#81a5a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5beb0 Protanopia 1% of men
#cdb9c5 Deuteranopia 1% of men
#4ccfde Tritanopia 0.001% of the population

Trichromacy

#88c5b3 Protanomaly 1% of men, 0.01% of women
#8dc2c0 Deuteranomaly 6% of men, 0.4% of women
#3cd0d0 Tritanomaly 0.01% of the population

#1fd2b8 hex color

#1fd2b8 Color Information

#1fd2b8 Color Conversion

Color Schemes with #1fd2b8

Alternatives to #1fd2b8

#1fd2b8 Preview

Shades and Tints of #1fd2b8

Tones of #1fd2b8

Color Blindness Simulator