#1fd7df hex color

In a RGB color space, hex #1fd7df is composed of 12.2% red, 84.3% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 86.1% cyan, 3.6% magenta, 0% yellow and 12.5% black. It has a hue angle of 182.5 degrees, a saturation of 75.6% and a lightness of 49.8%. #1fd7df color hex could be obtained by blending #3effff with #00afbf. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 12
- G 84
- B 87
RGB color chart
- C 86
- M 4
- Y 0
- K 13
CMYK color chart

● #1fd7df color description : Vivid cyan.

The hexadecimal color #1fd7df has RGB values of R:31, G:215, B:223 and CMYK values of C:0.86, M:0.04, Y:0, K:0.13. Its decimal value is 2086879.

Hex triplet	1fd7df	`#1fd7df`
RGB Decimal	31, 215, 223	`rgb(31,215,223)`
RGB Percent	12.2, 84.3, 87.5	`rgb(12.2%,84.3%,87.5%)`
CMYK	86, 4, 0, 13
HSL	182.5°, 75.6, 49.8	`hsl(182.5,75.6%,49.8%)`
HSV (or HSB)	182.5°, 86.1, 87.5
Web Safe	33cccc	`#33cccc`

CIE-LAB	78.588, -38.779, -16.071
XYZ	38.181, 54.216, 78.26
xyY	0.224, 0.318, 54.216
CIE-LCH	78.588, 41.978, 202.51
CIE-LUV	78.588, -58.476, -19.529
Hunter-Lab	73.632, -36.296, -11.475
Binary	00011111, 11010111, 11011111

#1fd7df
```
#1fd7df rgb(31,215,223)
```
#df271f
```
#df271f rgb(223,39,31)
```

Complementary Color

#1fdf87
```
#1fdf87 rgb(31,223,135)
```
#1fd7df
```
#1fd7df rgb(31,215,223)
```
#1f77df
```
#1f77df rgb(31,119,223)
```

Analogous Color

#df871f
```
#df871f rgb(223,135,31)
```
#1fd7df
```
#1fd7df rgb(31,215,223)
```
#df1f77
```
#df1f77 rgb(223,31,119)
```

Split Complementary Color

#d7df1f
```
#d7df1f rgb(215,223,31)
```
#1fd7df
```
#1fd7df rgb(31,215,223)
```
#df1fd7
```
#df1fd7 rgb(223,31,215)
```

Triadic Color

#1fdf27
```
#1fdf27 rgb(31,223,39)
```
#1fd7df
```
#1fd7df rgb(31,215,223)
```
#df1fd7
```
#df1fd7 rgb(223,31,215)
```
#df271f
```
#df271f rgb(223,39,31)
```

Tetradic Color

#16969c
```
#16969c rgb(22,150,156)
```
#19acb2
```
#19acb2 rgb(25,172,178)
```
#1cc1c9
```
#1cc1c9 rgb(28,193,201)
```
#1fd7df
```
#1fd7df rgb(31,215,223)
```
#35dce3
```
#35dce3 rgb(53,220,227)
```
#4be0e6
```
#4be0e6 rgb(75,224,230)
```
#61e3e9
```
#61e3e9 rgb(97,227,233)
```

Monochromatic Color

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

#1fdfb7
```
#1fdfb7 rgb(31,223,183)
```
#1fdfc7
```
#1fdfc7 rgb(31,223,199)
```
#1fdfd7
```
#1fdfd7 rgb(31,223,215)
```
#1fd7df
```
#1fd7df rgb(31,215,223)
```
#1fc7df
```
#1fc7df rgb(31,199,223)
```
#1fb7df
```
#1fb7df rgb(31,183,223)
```
#1fa7df
```
#1fa7df rgb(31,167,223)
```

Similar Colors

Text with hexadecimal color #1fd7df

This text has a font color of #1fd7df.

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

#1fd7df background color

This paragraph has a background color of #1fd7df.

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

#1fd7df border color

This element has a border color of #1fd7df.

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

CSS codes

.text {color:#1fd7df;}

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

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

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

#021010
```
#021010 rgb(2,16,16)
```
#052022
```
#052022 rgb(5,32,34)
```
#073133
```
#073133 rgb(7,49,51)
```
#094244
```
#094244 rgb(9,66,68)
```
#0c5255
```
#0c5255 rgb(12,82,85)
```
#0e6366
```
#0e6366 rgb(14,99,102)
```
#117378
```
#117378 rgb(17,115,120)
```
#138489
```
#138489 rgb(19,132,137)
```
#15959a
```
#15959a rgb(21,149,154)
```
#18a5ab
```
#18a5ab rgb(24,165,171)
```
#1ab6bd
```
#1ab6bd rgb(26,182,189)
```
#1dc6ce
```
#1dc6ce rgb(29,198,206)
```
#1fd7df
```
#1fd7df rgb(31,215,223)
```

Shade Color Variation

#2fdbe2
```
#2fdbe2 rgb(47,219,226)
```
#41dee5
```
#41dee5 rgb(65,222,229)
```
#52e1e7
```
#52e1e7 rgb(82,225,231)
```
#63e4e9
```
#63e4e9 rgb(99,228,233)
```
#74e7ec
```
#74e7ec rgb(116,231,236)
```
#86eaee
```
#86eaee rgb(134,234,238)
```
#97edf1
```
#97edf1 rgb(151,237,241)
```
#a8f0f3
```
#a8f0f3 rgb(168,240,243)
```
#b9f3f5
```
#b9f3f5 rgb(185,243,245)
```
#caf6f8
```
#caf6f8 rgb(202,246,248)
```
#dcf9fa
```
#dcf9fa rgb(220,249,250)
```
#edfcfc
```
#edfcfc rgb(237,252,252)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #778687 is the less saturated color, while #02f2fc is the most saturated one.

#778687
```
#778687 rgb(119,134,135)
```
#6d8f91
```
#6d8f91 rgb(109,143,145)
```
#63989b
```
#63989b rgb(99,152,155)
```
#5aa1a4
```
#5aa1a4 rgb(90,161,164)
```
#50aaae
```
#50aaae rgb(80,170,174)
```
#46b3b8
```
#46b3b8 rgb(70,179,184)
```
#3cbcc2
```
#3cbcc2 rgb(60,188,194)
```
#33c5cb
```
#33c5cb rgb(51,197,203)
```
#29ced5
```
#29ced5 rgb(41,206,213)
```
#1fd7df
```
#1fd7df rgb(31,215,223)
```
#15e0e9
```
#15e0e9 rgb(21,224,233)
```
#0be9f3
```
#0be9f3 rgb(11,233,243)
```
#02f2fc
```
#02f2fc rgb(2,242,252)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#87acad Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4c4d4 Protanopia 1% of men
#c5c1e9 Deuteranopia 1% of men
#35d7e7 Tritanopia 0.001% of the population

Trichromacy

#88cbd8 Protanomaly 1% of men, 0.01% of women
#88c9e5 Deuteranomaly 6% of men, 0.4% of women
#2dd7e4 Tritanomaly 0.01% of the population

#1fd7df hex color

#1fd7df Color Information

#1fd7df Color Conversion

Color Schemes with #1fd7df

Alternatives to #1fd7df

#1fd7df Preview

Shades and Tints of #1fd7df

Tones of #1fd7df

Color Blindness Simulator