#1faa96 hex color

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

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

● #1faa96 color description : Dark cyan.

The hexadecimal color #1faa96 has RGB values of R:31, G:170, B:150 and CMYK values of C:0.82, M:0, Y:0.12, K:0.33. Its decimal value is 2075286.

Hex triplet	1faa96	`#1faa96`
RGB Decimal	31, 170, 150	`rgb(31,170,150)`
RGB Percent	12.2, 66.7, 58.8	`rgb(12.2%,66.7%,58.8%)`
CMYK	82, 0, 12, 33
HSL	171.4°, 69.2, 39.4	`hsl(171.4,69.2%,39.4%)`
HSV (or HSB)	171.4°, 81.8, 66.7
Web Safe	339999	`#339999`

CIE-LAB	62.71, -39.694, 0.281
XYZ	20.443, 31.241, 33.805
xyY	0.239, 0.365, 31.241
CIE-LCH	62.71, 39.695, 179.595
CIE-LUV	62.71, -48.387, 6.39
Hunter-Lab	55.893, -32.527, 3.266
Binary	00011111, 10101010, 10010110

#1faa96
```
#1faa96 rgb(31,170,150)
```
#aa1f33
```
#aa1f33 rgb(170,31,51)
```

Complementary Color

#1faa51
```
#1faa51 rgb(31,170,81)
```
#1faa96
```
#1faa96 rgb(31,170,150)
```
#1f79aa
```
#1f79aa rgb(31,121,170)
```

Analogous Color

#aa511f
```
#aa511f rgb(170,81,31)
```
#1faa96
```
#1faa96 rgb(31,170,150)
```
#aa1f79
```
#aa1f79 rgb(170,31,121)
```

Split Complementary Color

#aa961f
```
#aa961f rgb(170,150,31)
```
#1faa96
```
#1faa96 rgb(31,170,150)
```
#961faa
```
#961faa rgb(150,31,170)
```

Triadic Color

#33aa1f
```
#33aa1f rgb(51,170,31)
```
#1faa96
```
#1faa96 rgb(31,170,150)
```
#961faa
```
#961faa rgb(150,31,170)
```
#aa1f33
```
#aa1f33 rgb(170,31,51)
```

Tetradic Color

#13695d
```
#13695d rgb(19,105,93)
```
#177f70
```
#177f70 rgb(23,127,112)
```
#1b9483
```
#1b9483 rgb(27,148,131)
```
#1faa96
```
#1faa96 rgb(31,170,150)
```
#23c0a9
```
#23c0a9 rgb(35,192,169)
```
#27d5bc
```
#27d5bc rgb(39,213,188)
```
#3adbc4
```
#3adbc4 rgb(58,219,196)
```

Monochromatic Color

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

#1faa73
```
#1faa73 rgb(31,170,115)
```
#1faa7f
```
#1faa7f rgb(31,170,127)
```
#1faa8a
```
#1faa8a rgb(31,170,138)
```
#1faa96
```
#1faa96 rgb(31,170,150)
```
#1faaa2
```
#1faaa2 rgb(31,170,162)
```
#1fa7aa
```
#1fa7aa rgb(31,167,170)
```
#1f9baa
```
#1f9baa rgb(31,155,170)
```

Similar Colors

Text with hexadecimal color #1faa96

This text has a font color of #1faa96.

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

#1faa96 background color

This paragraph has a background color of #1faa96.

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

#1faa96 border color

This element has a border color of #1faa96.

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

CSS codes

.text {color:#1faa96;}

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

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

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

#010404
```
#010404 rgb(1,4,4)
```
#041512
```
#041512 rgb(4,21,18)
```
#072521
```
#072521 rgb(7,37,33)
```
#0a3630
```
#0a3630 rgb(10,54,48)
```
#0d463e
```
#0d463e rgb(13,70,62)
```
#10574d
```
#10574d rgb(16,87,77)
```
#13685b
```
#13685b rgb(19,104,91)
```
#16786a
```
#16786a rgb(22,120,106)
```
#198979
```
#198979 rgb(25,137,121)
```
#1c9987
```
#1c9987 rgb(28,153,135)
```
#1faa96
```
#1faa96 rgb(31,170,150)
```
#22bba5
```
#22bba5 rgb(34,187,165)
```
#25cbb3
```
#25cbb3 rgb(37,203,179)
```

Shade Color Variation

#2bd8c0
```
#2bd8c0 rgb(43,216,192)
```
#3cdbc5
```
#3cdbc5 rgb(60,219,197)
```
#4ddec9
```
#4ddec9 rgb(77,222,201)
```
#5de1ce
```
#5de1ce rgb(93,225,206)
```
#6ee5d3
```
#6ee5d3 rgb(110,229,211)
```
#7ee8d8
```
#7ee8d8 rgb(126,232,216)
```
#8febdd
```
#8febdd rgb(143,235,221)
```
#a0eee2
```
#a0eee2 rgb(160,238,226)
```
#b0f1e7
```
#b0f1e7 rgb(176,241,231)
```
#c1f4ec
```
#c1f4ec rgb(193,244,236)
```
#d1f7f1
```
#d1f7f1 rgb(209,247,241)
```
#e2faf6
```
#e2faf6 rgb(226,250,246)
```
#f3fdfb
```
#f3fdfb rgb(243,253,251)
```

Tint Color Variation

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

#5d6c6a
```
#5d6c6a rgb(93,108,106)
```
#55746f
```
#55746f rgb(85,116,111)
```
#4d7c75
```
#4d7c75 rgb(77,124,117)
```
#46837a
```
#46837a rgb(70,131,122)
```
#3e8b80
```
#3e8b80 rgb(62,139,128)
```
#369385
```
#369385 rgb(54,147,133)
```
#2e9b8b
```
#2e9b8b rgb(46,155,139)
```
#27a290
```
#27a290 rgb(39,162,144)
```
#1faa96
```
#1faa96 rgb(31,170,150)
```
#17b29c
```
#17b29c rgb(23,178,156)
```
#10b9a1
```
#10b9a1 rgb(16,185,161)
```
#08c1a7
```
#08c1a7 rgb(8,193,167)
```
#00c9ac
```
#00c9ac rgb(0,201,172)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#6b8783 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a29c92 Protanopia 1% of men
#a898a3 Deuteranopia 1% of men
#42aab6 Tritanopia 0.001% of the population

Trichromacy

#72a193 Protanomaly 1% of men, 0.01% of women
#769e9e Deuteranomaly 6% of men, 0.4% of women
#35aaaa Tritanomaly 0.01% of the population

#1faa96 hex color

#1faa96 Color Information

#1faa96 Color Conversion

Color Schemes with #1faa96

Alternatives to #1faa96

#1faa96 Preview

Shades and Tints of #1faa96

Tones of #1faa96

Color Blindness Simulator