#1fa870 hex color

In a RGB color space, hex #1fa870 is composed of 12.2% red, 65.9% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 81.5% cyan, 0% magenta, 33.3% yellow and 34.1% black. It has a hue angle of 155.5 degrees, a saturation of 68.8% and a lightness of 39%. #1fa870 color hex could be obtained by blending #3effe0 with #005100. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 12
- G 66
- B 44
RGB color chart
- C 82
- M 0
- Y 33
- K 34
CMYK color chart

● #1fa870 color description : Dark cyan - lime green.

The hexadecimal color #1fa870 has RGB values of R:31, G:168, B:112 and CMYK values of C:0.82, M:0, Y:0.33, K:0.34. Its decimal value is 2074736.

Hex triplet	1fa870	`#1fa870`
RGB Decimal	31, 168, 112	`rgb(31,168,112)`
RGB Percent	12.2, 65.9, 43.9	`rgb(12.2%,65.9%,43.9%)`
CMYK	82, 0, 33, 34
HSL	155.5°, 68.8, 39	`hsl(155.5,68.8%,39%)`
HSV (or HSB)	155.5°, 81.5, 65.9
Web Safe	339966	`#339966`

CIE-LAB	61.19, -48.314, 19.219
XYZ	17.491, 29.465, 20.094
xyY	0.261, 0.439, 29.465
CIE-LCH	61.19, 51.996, 158.308
CIE-LUV	61.19, -50.295, 33.316
Hunter-Lab	54.281, -37.475, 16.049
Binary	00011111, 10101000, 01110000

#1fa870
```
#1fa870 rgb(31,168,112)
```
#a81f57
```
#a81f57 rgb(168,31,87)
```

Complementary Color

#1fa82c
```
#1fa82c rgb(31,168,44)
```
#1fa870
```
#1fa870 rgb(31,168,112)
```
#1f9ca8
```
#1f9ca8 rgb(31,156,168)
```

Analogous Color

#a82c1f
```
#a82c1f rgb(168,44,31)
```
#1fa870
```
#1fa870 rgb(31,168,112)
```
#a81f9c
```
#a81f9c rgb(168,31,156)
```

Split Complementary Color

#a8701f
```
#a8701f rgb(168,112,31)
```
#1fa870
```
#1fa870 rgb(31,168,112)
```
#701fa8
```
#701fa8 rgb(112,31,168)
```

Triadic Color

#57a81f
```
#57a81f rgb(87,168,31)
```
#1fa870
```
#1fa870 rgb(31,168,112)
```
#701fa8
```
#701fa8 rgb(112,31,168)
```
#a81f57
```
#a81f57 rgb(168,31,87)
```

Tetradic Color

#136745
```
#136745 rgb(19,103,69)
```
#177d53
```
#177d53 rgb(23,125,83)
```
#1b9262
```
#1b9262 rgb(27,146,98)
```
#1fa870
```
#1fa870 rgb(31,168,112)
```
#23be7e
```
#23be7e rgb(35,190,126)
```
#27d38d
```
#27d38d rgb(39,211,141)
```
#39da98
```
#39da98 rgb(57,218,152)
```

Monochromatic Color

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

#1fa84e
```
#1fa84e rgb(31,168,78)
```
#1fa859
```
#1fa859 rgb(31,168,89)
```
#1fa865
```
#1fa865 rgb(31,168,101)
```
#1fa870
```
#1fa870 rgb(31,168,112)
```
#1fa87b
```
#1fa87b rgb(31,168,123)
```
#1fa887
```
#1fa887 rgb(31,168,135)
```
#1fa892
```
#1fa892 rgb(31,168,146)
```

Similar Colors

Text with hexadecimal color #1fa870

This text has a font color of #1fa870.

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

#1fa870 background color

This paragraph has a background color of #1fa870.

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

#1fa870 border color

This element has a border color of #1fa870.

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

CSS codes

.text {color:#1fa870;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#03130d
```
#03130d rgb(3,19,13)
```
#072418
```
#072418 rgb(7,36,24)
```
#0a3423
```
#0a3423 rgb(10,52,35)
```
#0d452e
```
#0d452e rgb(13,69,46)
```
#105539
```
#105539 rgb(16,85,57)
```
#136644
```
#136644 rgb(19,102,68)
```
#16764f
```
#16764f rgb(22,118,79)
```
#19875a
```
#19875a rgb(25,135,90)
```
#1c9765
```
#1c9765 rgb(28,151,101)
```
#1fa870
```
#1fa870 rgb(31,168,112)
```
#22b97b
```
#22b97b rgb(34,185,123)
```
#25c986
```
#25c986 rgb(37,201,134)
```

Shade Color Variation

#2ad891
```
#2ad891 rgb(42,216,145)
```
#3bdb99
```
#3bdb99 rgb(59,219,153)
```
#4bdea2
```
#4bdea2 rgb(75,222,162)
```
#5ce1aa
```
#5ce1aa rgb(92,225,170)
```
#6ce4b3
```
#6ce4b3 rgb(108,228,179)
```
#7de7bc
```
#7de7bc rgb(125,231,188)
```
#8deac4
```
#8deac4 rgb(141,234,196)
```
#9eedcd
```
#9eedcd rgb(158,237,205)
```
#aff0d5
```
#aff0d5 rgb(175,240,213)
```
#bff3de
```
#bff3de rgb(191,243,222)
```
#d0f6e7
```
#d0f6e7 rgb(208,246,231)
```
#e0f9ef
```
#e0f9ef rgb(224,249,239)
```
#f1fcf8
```
#f1fcf8 rgb(241,252,248)
```

Tint Color Variation

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

#5c6b65
```
#5c6b65 rgb(92,107,101)
```
#557266
```
#557266 rgb(85,114,102)
```
#4d7a68
```
#4d7a68 rgb(77,122,104)
```
#458269
```
#458269 rgb(69,130,105)
```
#3e896a
```
#3e896a rgb(62,137,106)
```
#36916c
```
#36916c rgb(54,145,108)
```
#2e996d
```
#2e996d rgb(46,153,109)
```
#27a06f
```
#27a06f rgb(39,160,111)
```
#1fa870
```
#1fa870 rgb(31,168,112)
```
#17b071
```
#17b071 rgb(23,176,113)
```
#10b773
```
#10b773 rgb(16,183,115)
```
#08bf74
```
#08bf74 rgb(8,191,116)
```
#00c776
```
#00c776 rgb(0,199,118)
```

Tone Color Variation

Below, you can see how #1fa870 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
#678277 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4996f Protanopia 1% of men
#b09380 Deuteranopia 1% of men
#4ea5b1 Tritanopia 0.001% of the population

Trichromacy

#749e6f Protanomaly 1% of men, 0.01% of women
#7b9b7a Deuteranomaly 6% of men, 0.4% of women
#3da699 Tritanomaly 0.01% of the population

#1fa870 hex color

#1fa870 Color Information

#1fa870 Color Conversion

Color Schemes with #1fa870

Alternatives to #1fa870

#1fa870 Preview

Shades and Tints of #1fa870

Tones of #1fa870

Color Blindness Simulator