colorhexa.com

#1faa86 hex color

In a RGB color space, hex #1faa86 is composed of 12.2% red, 66.7% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 81.8% cyan, 0% magenta, 21.2% yellow and 33.3% black. It has a hue angle of 164.5 degrees, a saturation of 69.2% and a lightness of 39.4%. #1faa86 color hex could be obtained by blending #3effff with #00550d. Closest websafe color is: #339999.

- R 12
- G 67
- B 53
RGB color chart
- C 82
- M 0
- Y 21
- K 33
CMYK color chart

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

The hexadecimal color #1faa86 has RGB values of R:31, G:170, B:134 and CMYK values of C:0.82, M:0, Y:0.21, K:0.33. Its decimal value is 2075270.

Hex triplet	1faa86	`#1faa86`
RGB Decimal	31, 170, 134	`rgb(31,170,134)`
RGB Percent	12.2, 66.7, 52.5	`rgb(12.2%,66.7%,52.5%)`
CMYK	82, 0, 21, 33
HSL	164.5°, 69.2, 39.4	`hsl(164.5,69.2%,39.4%)`
HSV (or HSB)	164.5°, 81.8, 66.7
Web Safe	339999	`#339999`

CIE-LAB	62.305, -43.934, 8.623
XYZ	19.241, 30.76, 27.476
xyY	0.248, 0.397, 30.76
CIE-LCH	62.305, 44.772, 168.896
CIE-LUV	62.305, -49.531, 18.893
Hunter-Lab	55.462, -35.131, 9.451
Binary	00011111, 10101010, 10000110

#1faa86
```
#1faa86 rgb(31,170,134)
```
#aa1f43
```
#aa1f43 rgb(170,31,67)
```

Complementary Color

#1faa41
```
#1faa41 rgb(31,170,65)
```
#1faa86
```
#1faa86 rgb(31,170,134)
```
#1f89aa
```
#1f89aa rgb(31,137,170)
```

Analogous Color

#aa411f
```
#aa411f rgb(170,65,31)
```
#1faa86
```
#1faa86 rgb(31,170,134)
```
#aa1f89
```
#aa1f89 rgb(170,31,137)
```

Split Complementary Color

#aa861f
```
#aa861f rgb(170,134,31)
```
#1faa86
```
#1faa86 rgb(31,170,134)
```
#861faa
```
#861faa rgb(134,31,170)
```

Triadic Color

#43aa1f
```
#43aa1f rgb(67,170,31)
```
#1faa86
```
#1faa86 rgb(31,170,134)
```
#861faa
```
#861faa rgb(134,31,170)
```
#aa1f43
```
#aa1f43 rgb(170,31,67)
```

Tetradic Color

#136953
```
#136953 rgb(19,105,83)
```
#177f64
```
#177f64 rgb(23,127,100)
```
#1b9475
```
#1b9475 rgb(27,148,117)
```
#1faa86
```
#1faa86 rgb(31,170,134)
```
#23c097
```
#23c097 rgb(35,192,151)
```
#27d5a8
```
#27d5a8 rgb(39,213,168)
```
#3adbb2
```
#3adbb2 rgb(58,219,178)
```

Monochromatic Color

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

#1faa63
```
#1faa63 rgb(31,170,99)
```
#1faa6f
```
#1faa6f rgb(31,170,111)
```
#1faa7a
```
#1faa7a rgb(31,170,122)
```
#1faa86
```
#1faa86 rgb(31,170,134)
```
#1faa92
```
#1faa92 rgb(31,170,146)
```
#1faa9d
```
#1faa9d rgb(31,170,157)
```
#1faaa9
```
#1faaa9 rgb(31,170,169)
```

Similar Colors

Text with hexadecimal color #1faa86

This text has a font color of #1faa86.

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

#1faa86 background color

This paragraph has a background color of #1faa86.

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

#1faa86 border color

This element has a border color of #1faa86.

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

CSS codes

.text {color:#1faa86;}

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

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

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

#010403
```
#010403 rgb(1,4,3)
```
#041510
```
#041510 rgb(4,21,16)
```
#07251d
```
#07251d rgb(7,37,29)
```
#0a362a
```
#0a362a rgb(10,54,42)
```
#0d4638
```
#0d4638 rgb(13,70,56)
```
#105745
```
#105745 rgb(16,87,69)
```
#136852
```
#136852 rgb(19,104,82)
```
#16785f
```
#16785f rgb(22,120,95)
```
#19896c
```
#19896c rgb(25,137,108)
```
#1c9979
```
#1c9979 rgb(28,153,121)
```
#1faa86
```
#1faa86 rgb(31,170,134)
```
#22bb93
```
#22bb93 rgb(34,187,147)
```
#25cba0
```
#25cba0 rgb(37,203,160)
```

Shade Color Variation

#2bd8ac
```
#2bd8ac rgb(43,216,172)
```
#3cdbb2
```
#3cdbb2 rgb(60,219,178)
```
#4ddeb9
```
#4ddeb9 rgb(77,222,185)
```
#5de1bf
```
#5de1bf rgb(93,225,191)
```
#6ee5c6
```
#6ee5c6 rgb(110,229,198)
```
#7ee8cc
```
#7ee8cc rgb(126,232,204)
```
#8febd3
```
#8febd3 rgb(143,235,211)
```
#a0eed9
```
#a0eed9 rgb(160,238,217)
```
#b0f1e0
```
#b0f1e0 rgb(176,241,224)
```
#c1f4e6
```
#c1f4e6 rgb(193,244,230)
```
#d1f7ed
```
#d1f7ed rgb(209,247,237)
```
#e2faf4
```
#e2faf4 rgb(226,250,244)
```
#f3fdfa
```
#f3fdfa rgb(243,253,250)
```

Tint Color Variation

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

#5d6c68
```
#5d6c68 rgb(93,108,104)
```
#55746c
```
#55746c rgb(85,116,108)
```
#4d7c70
```
#4d7c70 rgb(77,124,112)
```
#468373
```
#468373 rgb(70,131,115)
```
#3e8b77
```
#3e8b77 rgb(62,139,119)
```
#36937b
```
#36937b rgb(54,147,123)
```
#2e9b7f
```
#2e9b7f rgb(46,155,127)
```
#27a282
```
#27a282 rgb(39,162,130)
```
#1faa86
```
#1faa86 rgb(31,170,134)
```
#17b28a
```
#17b28a rgb(23,178,138)
```
#10b98d
```
#10b98d rgb(16,185,141)
```
#08c191
```
#08c191 rgb(8,193,145)
```
#00c995
```
#00c995 rgb(0,201,149)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#69857e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49b83 Protanopia 1% of men
#ad9794 Deuteranopia 1% of men
#48a8b5 Tritanopia 0.001% of the population

Trichromacy

#73a084 Protanomaly 1% of men, 0.01% of women
#799d8f Deuteranomaly 6% of men, 0.4% of women
#39a9a3 Tritanomaly 0.01% of the population