#1fd2af hex color

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

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

● #1fd2af color description : Strong cyan.

The hexadecimal color #1fd2af has RGB values of R:31, G:210, B:175 and CMYK values of C:0.85, M:0, Y:0.17, K:0.18. Its decimal value is 2085551.

Hex triplet	1fd2af	`#1fd2af`
RGB Decimal	31, 210, 175	`rgb(31,210,175)`
RGB Percent	12.2, 82.4, 68.6	`rgb(12.2%,82.4%,68.6%)`
CMYK	85, 0, 17, 18
HSL	168.3°, 74.3, 47.3	`hsl(168.3,74.3%,47.3%)`
HSV (or HSB)	168.3°, 85.2, 82.4
Web Safe	33cc99	`#33cc99`

CIE-LAB	75.747, -50.008, 5.492
XYZ	31.347, 49.476, 48.453
xyY	0.242, 0.383, 49.476
CIE-LCH	75.747, 50.309, 173.733
CIE-LUV	75.747, -60.441, 16.028
Hunter-Lab	70.339, -43.546, 8.396
Binary	00011111, 11010010, 10101111

#1fd2af
```
#1fd2af rgb(31,210,175)
```
#d21f42
```
#d21f42 rgb(210,31,66)
```

Complementary Color

#1fd256
```
#1fd256 rgb(31,210,86)
```
#1fd2af
```
#1fd2af rgb(31,210,175)
```
#1f9cd2
```
#1f9cd2 rgb(31,156,210)
```

Analogous Color

#d2561f
```
#d2561f rgb(210,86,31)
```
#1fd2af
```
#1fd2af rgb(31,210,175)
```
#d21f9c
```
#d21f9c rgb(210,31,156)
```

Split Complementary Color

#d2af1f
```
#d2af1f rgb(210,175,31)
```
#1fd2af
```
#1fd2af rgb(31,210,175)
```
#af1fd2
```
#af1fd2 rgb(175,31,210)
```

Triadic Color

#42d21f
```
#42d21f rgb(66,210,31)
```
#1fd2af
```
#1fd2af rgb(31,210,175)
```
#af1fd2
```
#af1fd2 rgb(175,31,210)
```
#d21f42
```
#d21f42 rgb(210,31,66)
```

Tetradic Color

#158f77
```
#158f77 rgb(21,143,119)
```
#18a68a
```
#18a68a rgb(24,166,138)
```
#1cbc9c
```
#1cbc9c rgb(28,188,156)
```
#1fd2af
```
#1fd2af rgb(31,210,175)
```
#2be0bc
```
#2be0bc rgb(43,224,188)
```
#41e3c3
```
#41e3c3 rgb(65,227,195)
```
#57e6ca
```
#57e6ca rgb(87,230,202)
```

Monochromatic Color

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

#1fd282
```
#1fd282 rgb(31,210,130)
```
#1fd291
```
#1fd291 rgb(31,210,145)
```
#1fd2a0
```
#1fd2a0 rgb(31,210,160)
```
#1fd2af
```
#1fd2af rgb(31,210,175)
```
#1fd2be
```
#1fd2be rgb(31,210,190)
```
#1fd2cd
```
#1fd2cd rgb(31,210,205)
```
#1fc8d2
```
#1fc8d2 rgb(31,200,210)
```

Similar Colors

Text with hexadecimal color #1fd2af

This text has a font color of #1fd2af.

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

#1fd2af background color

This paragraph has a background color of #1fd2af.

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

#1fd2af border color

This element has a border color of #1fd2af.

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

CSS codes

.text {color:#1fd2af;}

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

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

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

#010504
```
#010504 rgb(1,5,4)
```
#031612
```
#031612 rgb(3,22,18)
```
#062721
```
#062721 rgb(6,39,33)
```
#08382f
```
#08382f rgb(8,56,47)
```
#0b493d
```
#0b493d rgb(11,73,61)
```
#0d5a4b
```
#0d5a4b rgb(13,90,75)
```
#106b5a
```
#106b5a rgb(16,107,90)
```
#127d68
```
#127d68 rgb(18,125,104)
```
#158e76
```
#158e76 rgb(21,142,118)
```
#179f84
```
#179f84 rgb(23,159,132)
```
#1ab093
```
#1ab093 rgb(26,176,147)
```
#1cc1a1
```
#1cc1a1 rgb(28,193,161)
```
#1fd2af
```
#1fd2af rgb(31,210,175)
```

Shade Color Variation

#26dfbb
```
#26dfbb rgb(38,223,187)
```
#37e1c0
```
#37e1c0 rgb(55,225,192)
```
#48e4c5
```
#48e4c5 rgb(72,228,197)
```
#59e6cb
```
#59e6cb rgb(89,230,203)
```
#6ae9d0
```
#6ae9d0 rgb(106,233,208)
```
#7becd6
```
#7becd6 rgb(123,236,214)
```
#8ceedb
```
#8ceedb rgb(140,238,219)
```
#9df1e0
```
#9df1e0 rgb(157,241,224)
```
#aef3e6
```
#aef3e6 rgb(174,243,230)
```
#c0f6eb
```
#c0f6eb rgb(192,246,235)
```
#d1f8f0
```
#d1f8f0 rgb(209,248,240)
```
#e2fbf6
```
#e2fbf6 rgb(226,251,246)
```
#f3fdfb
```
#f3fdfb rgb(243,253,251)
```

Tint Color Variation

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

#727f7c
```
#727f7c rgb(114,127,124)
```
#698882
```
#698882 rgb(105,136,130)
```
#609187
```
#609187 rgb(96,145,135)
```
#579a8d
```
#579a8d rgb(87,154,141)
```
#4da493
```
#4da493 rgb(77,164,147)
```
#44ad98
```
#44ad98 rgb(68,173,152)
```
#3bb69e
```
#3bb69e rgb(59,182,158)
```
#32bfa4
```
#32bfa4 rgb(50,191,164)
```
#28c9a9
```
#28c9a9 rgb(40,201,169)
```
#1fd2af
```
#1fd2af rgb(31,210,175)
```
#16dbb5
```
#16dbb5 rgb(22,219,181)
```
#0ce5ba
```
#0ce5ba rgb(12,229,186)
```
#03eec0
```
#03eec0 rgb(3,238,192)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#80a49d Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6bda8 Protanopia 1% of men
#d0b8bd Deuteranopia 1% of men
#50cedd Tritanopia 0.001% of the population

Trichromacy

#89c5aa Protanomaly 1% of men, 0.01% of women
#8fc1b7 Deuteranomaly 6% of men, 0.4% of women
#3ecfcc Tritanomaly 0.01% of the population

#1fd2af hex color

#1fd2af Color Information

#1fd2af Color Conversion

Color Schemes with #1fd2af

Alternatives to #1fd2af

#1fd2af Preview

Shades and Tints of #1fd2af

Tones of #1fd2af

Color Blindness Simulator