#1fa896 hex color

In a RGB color space, hex #1fa896 is composed of 12.2% red, 65.9% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 81.5% cyan, 0% magenta, 10.7% yellow and 34.1% black. It has a hue angle of 172.1 degrees, a saturation of 68.8% and a lightness of 39%. #1fa896 color hex could be obtained by blending #3effff with #00512d. Closest websafe color is: #339999.

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

● #1fa896 color description : Dark cyan.

The hexadecimal color #1fa896 has RGB values of R:31, G:168, B:150 and CMYK values of C:0.82, M:0, Y:0.11, K:0.34. Its decimal value is 2074774.

Hex triplet	1fa896	`#1fa896`
RGB Decimal	31, 168, 150	`rgb(31,168,150)`
RGB Percent	12.2, 65.9, 58.8	`rgb(12.2%,65.9%,58.8%)`
CMYK	82, 0, 11, 34
HSL	172.1°, 68.8, 39	`hsl(172.1,68.8%,39%)`
HSV (or HSB)	172.1°, 81.5, 65.9
Web Safe	339999	`#339999`

CIE-LAB	62.08, -38.807, -0.64
XYZ	20.071, 30.497, 33.681
xyY	0.238, 0.362, 30.497
CIE-LCH	62.08, 38.813, 180.944
CIE-LUV	62.08, -47.677, 4.892
Hunter-Lab	55.224, -31.766, 2.495
Binary	00011111, 10101000, 10010110

#1fa896
```
#1fa896 rgb(31,168,150)
```
#a81f31
```
#a81f31 rgb(168,31,49)
```

Complementary Color

#1fa852
```
#1fa852 rgb(31,168,82)
```
#1fa896
```
#1fa896 rgb(31,168,150)
```
#1f76a8
```
#1f76a8 rgb(31,118,168)
```

Analogous Color

#a8521f
```
#a8521f rgb(168,82,31)
```
#1fa896
```
#1fa896 rgb(31,168,150)
```
#a81f76
```
#a81f76 rgb(168,31,118)
```

Split Complementary Color

#a8961f
```
#a8961f rgb(168,150,31)
```
#1fa896
```
#1fa896 rgb(31,168,150)
```
#961fa8
```
#961fa8 rgb(150,31,168)
```

Triadic Color

#31a81f
```
#31a81f rgb(49,168,31)
```
#1fa896
```
#1fa896 rgb(31,168,150)
```
#961fa8
```
#961fa8 rgb(150,31,168)
```
#a81f31
```
#a81f31 rgb(168,31,49)
```

Tetradic Color

#13675c
```
#13675c rgb(19,103,92)
```
#177d70
```
#177d70 rgb(23,125,112)
```
#1b9283
```
#1b9283 rgb(27,146,131)
```
#1fa896
```
#1fa896 rgb(31,168,150)
```
#23bea9
```
#23bea9 rgb(35,190,169)
```
#27d3bc
```
#27d3bc rgb(39,211,188)
```
#39dac5
```
#39dac5 rgb(57,218,197)
```

Monochromatic Color

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

#1fa874
```
#1fa874 rgb(31,168,116)
```
#1fa87f
```
#1fa87f rgb(31,168,127)
```
#1fa88b
```
#1fa88b rgb(31,168,139)
```
#1fa896
```
#1fa896 rgb(31,168,150)
```
#1fa8a1
```
#1fa8a1 rgb(31,168,161)
```
#1fa3a8
```
#1fa3a8 rgb(31,163,168)
```
#1f98a8
```
#1f98a8 rgb(31,152,168)
```

Similar Colors

Text with hexadecimal color #1fa896

This text has a font color of #1fa896.

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

#1fa896 background color

This paragraph has a background color of #1fa896.

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

#1fa896 border color

This element has a border color of #1fa896.

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

CSS codes

.text {color:#1fa896;}

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

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

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 #f1fcfb is the lightest one.

#000202
```
#000202 rgb(0,2,2)
```
#031311
```
#031311 rgb(3,19,17)
```
#072420
```
#072420 rgb(7,36,32)
```
#0a342f
```
#0a342f rgb(10,52,47)
```
#0d453d
```
#0d453d rgb(13,69,61)
```
#10554c
```
#10554c rgb(16,85,76)
```
#13665b
```
#13665b rgb(19,102,91)
```
#16766a
```
#16766a rgb(22,118,106)
```
#198778
```
#198778 rgb(25,135,120)
```
#1c9787
```
#1c9787 rgb(28,151,135)
```
#1fa896
```
#1fa896 rgb(31,168,150)
```
#22b9a5
```
#22b9a5 rgb(34,185,165)
```
#25c9b4
```
#25c9b4 rgb(37,201,180)
```

Shade Color Variation

#2ad8c1
```
#2ad8c1 rgb(42,216,193)
```
#3bdbc6
```
#3bdbc6 rgb(59,219,198)
```
#4bdecb
```
#4bdecb rgb(75,222,203)
```
#5ce1cf
```
#5ce1cf rgb(92,225,207)
```
#6ce4d4
```
#6ce4d4 rgb(108,228,212)
```
#7de7d9
```
#7de7d9 rgb(125,231,217)
```
#8deade
```
#8deade rgb(141,234,222)
```
#9eede3
```
#9eede3 rgb(158,237,227)
```
#aff0e8
```
#aff0e8 rgb(175,240,232)
```
#bff3ec
```
#bff3ec rgb(191,243,236)
```
#d0f6f1
```
#d0f6f1 rgb(208,246,241)
```
#e0f9f6
```
#e0f9f6 rgb(224,249,246)
```
#f1fcfb
```
#f1fcfb rgb(241,252,251)
```

Tint Color Variation

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

#5c6b69
```
#5c6b69 rgb(92,107,105)
```
#55726f
```
#55726f rgb(85,114,111)
```
#4d7a74
```
#4d7a74 rgb(77,122,116)
```
#45827a
```
#45827a rgb(69,130,122)
```
#3e897f
```
#3e897f rgb(62,137,127)
```
#369185
```
#369185 rgb(54,145,133)
```
#2e998b
```
#2e998b rgb(46,153,139)
```
#27a090
```
#27a090 rgb(39,160,144)
```
#1fa896
```
#1fa896 rgb(31,168,150)
```
#17b09c
```
#17b09c rgb(23,176,156)
```
#10b7a1
```
#10b7a1 rgb(16,183,161)
```
#08bfa7
```
#08bfa7 rgb(8,191,167)
```
#00c7ad
```
#00c7ad rgb(0,199,173)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#6a8682 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a09a92 Protanopia 1% of men
#a697a3 Deuteranopia 1% of men
#40a8b5 Tritanopia 0.001% of the population

Trichromacy

#719f93 Protanomaly 1% of men, 0.01% of women
#759d9e Deuteranomaly 6% of men, 0.4% of women
#34a8a9 Tritanomaly 0.01% of the population

#1fa896 hex color

#1fa896 Color Information

#1fa896 Color Conversion

Color Schemes with #1fa896

Alternatives to #1fa896

#1fa896 Preview

Shades and Tints of #1fa896

Tones of #1fa896

Color Blindness Simulator