#1fa585 hex color

In a RGB color space, hex #1fa585 is composed of 12.2% red, 64.7% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 81.2% cyan, 0% magenta, 19.4% yellow and 35.3% black. It has a hue angle of 165.7 degrees, a saturation of 68.4% and a lightness of 38.4%. #1fa585 color hex could be obtained by blending #3effff with #004b0b. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 12
- G 65
- B 52
RGB color chart
- C 81
- M 0
- Y 19
- K 35
CMYK color chart

● #1fa585 color description : Dark cyan.

The hexadecimal color #1fa585 has RGB values of R:31, G:165, B:133 and CMYK values of C:0.81, M:0, Y:0.19, K:0.35. Its decimal value is 2073989.

Hex triplet	1fa585	`#1fa585`
RGB Decimal	31, 165, 133	`rgb(31,165,133)`
RGB Percent	12.2, 64.7, 52.2	`rgb(12.2%,64.7%,52.2%)`
CMYK	81, 0, 19, 35
HSL	165.7°, 68.4, 38.4	`hsl(165.7,68.4%,38.4%)`
HSV (or HSB)	165.7°, 81.2, 64.7
Web Safe	339999	`#339999`

CIE-LAB	60.687, -42.082, 6.874
XYZ	18.252, 28.893, 26.804
xyY	0.247, 0.391, 28.893
CIE-LCH	60.687, 42.639, 170.723
CIE-LUV	60.687, -47.826, 16.095
Hunter-Lab	53.752, -33.455, 8.061
Binary	00011111, 10100101, 10000101

#1fa585
```
#1fa585 rgb(31,165,133)
```
#a51f3f
```
#a51f3f rgb(165,31,63)
```

Complementary Color

#1fa542
```
#1fa542 rgb(31,165,66)
```
#1fa585
```
#1fa585 rgb(31,165,133)
```
#1f82a5
```
#1f82a5 rgb(31,130,165)
```

Analogous Color

#a5421f
```
#a5421f rgb(165,66,31)
```
#1fa585
```
#1fa585 rgb(31,165,133)
```
#a51f82
```
#a51f82 rgb(165,31,130)
```

Split Complementary Color

#a5851f
```
#a5851f rgb(165,133,31)
```
#1fa585
```
#1fa585 rgb(31,165,133)
```
#851fa5
```
#851fa5 rgb(133,31,165)
```

Triadic Color

#3fa51f
```
#3fa51f rgb(63,165,31)
```
#1fa585
```
#1fa585 rgb(31,165,133)
```
#851fa5
```
#851fa5 rgb(133,31,165)
```
#a51f3f
```
#a51f3f rgb(165,31,63)
```

Tetradic Color

#136551
```
#136551 rgb(19,101,81)
```
#177a62
```
#177a62 rgb(23,122,98)
```
#1b9074
```
#1b9074 rgb(27,144,116)
```
#1fa585
```
#1fa585 rgb(31,165,133)
```
#23ba96
```
#23ba96 rgb(35,186,150)
```
#27d0a8
```
#27d0a8 rgb(39,208,168)
```
#37d9b3
```
#37d9b3 rgb(55,217,179)
```

Monochromatic Color

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

#1fa564
```
#1fa564 rgb(31,165,100)
```
#1fa56f
```
#1fa56f rgb(31,165,111)
```
#1fa57a
```
#1fa57a rgb(31,165,122)
```
#1fa585
```
#1fa585 rgb(31,165,133)
```
#1fa590
```
#1fa590 rgb(31,165,144)
```
#1fa59b
```
#1fa59b rgb(31,165,155)
```
#1fa4a5
```
#1fa4a5 rgb(31,164,165)
```

Similar Colors

Text with hexadecimal color #1fa585

This text has a font color of #1fa585.

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

#1fa585 background color

This paragraph has a background color of #1fa585.

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

#1fa585 border color

This element has a border color of #1fa585.

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

CSS codes

.text {color:#1fa585;}

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

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

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, #03100d is the darkest color, while #ffffff is the lightest one.

#03100d
```
#03100d rgb(3,16,13)
```
#06211b
```
#06211b rgb(6,33,27)
```
#093128
```
#093128 rgb(9,49,40)
```
#0c4235
```
#0c4235 rgb(12,66,53)
```
#0f5242
```
#0f5242 rgb(15,82,66)
```
#136350
```
#136350 rgb(19,99,80)
```
#16735d
```
#16735d rgb(22,115,93)
```
#19846a
```
#19846a rgb(25,132,106)
```
#1c9478
```
#1c9478 rgb(28,148,120)
```
#1fa585
```
#1fa585 rgb(31,165,133)
```
#22b692
```
#22b692 rgb(34,182,146)
```
#25c6a0
```
#25c6a0 rgb(37,198,160)
```
#28d7ad
```
#28d7ad rgb(40,215,173)
```

Shade Color Variation

#39dab3
```
#39dab3 rgb(57,218,179)
```
#49ddba
```
#49ddba rgb(73,221,186)
```
#5ae0c0
```
#5ae0c0 rgb(90,224,192)
```
#6ae3c6
```
#6ae3c6 rgb(106,227,198)
```
#7be6cd
```
#7be6cd rgb(123,230,205)
```
#8be9d3
```
#8be9d3 rgb(139,233,211)
```
#9cecd9
```
#9cecd9 rgb(156,236,217)
```
#acefdf
```
#acefdf rgb(172,239,223)
```
#bdf3e6
```
#bdf3e6 rgb(189,243,230)
```
#cdf6ec
```
#cdf6ec rgb(205,246,236)
```
#def9f2
```
#def9f2 rgb(222,249,242)
```
#eefcf9
```
#eefcf9 rgb(238,252,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5b6965 is the less saturated color, while #01c395 is the most saturated one.

#5b6965
```
#5b6965 rgb(91,105,101)
```
#547069
```
#547069 rgb(84,112,105)
```
#4c786d
```
#4c786d rgb(76,120,109)
```
#457f71
```
#457f71 rgb(69,127,113)
```
#3d8775
```
#3d8775 rgb(61,135,117)
```
#368e79
```
#368e79 rgb(54,142,121)
```
#2e967d
```
#2e967d rgb(46,150,125)
```
#279d81
```
#279d81 rgb(39,157,129)
```
#1fa585
```
#1fa585 rgb(31,165,133)
```
#17ad89
```
#17ad89 rgb(23,173,137)
```
#10b48d
```
#10b48d rgb(16,180,141)
```
#08bc91
```
#08bc91 rgb(8,188,145)
```
#01c395
```
#01c395 rgb(1,195,149)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#67827b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f9782 Protanopia 1% of men
#a79393 Deuteranopia 1% of men
#46a4b0 Tritanopia 0.001% of the population

Trichromacy

#709c83 Protanomaly 1% of men, 0.01% of women
#76998e Deuteranomaly 6% of men, 0.4% of women
#37a4a0 Tritanomaly 0.01% of the population

#1fa585 hex color

#1fa585 Color Information

#1fa585 Color Conversion

Color Schemes with #1fa585

Alternatives to #1fa585

#1fa585 Preview

Shades and Tints of #1fa585

Tones of #1fa585

Color Blindness Simulator