#1fa696 hex color

In a RGB color space, hex #1fa696 is composed of 12.2% red, 65.1% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 81.3% cyan, 0% magenta, 9.6% yellow and 34.9% black. It has a hue angle of 172.9 degrees, a saturation of 68.5% and a lightness of 38.6%. #1fa696 color hex could be obtained by blending #3effff with #004d2d. Closest websafe color is: #339999.

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

● #1fa696 color description : Dark cyan.

The hexadecimal color #1fa696 has RGB values of R:31, G:166, B:150 and CMYK values of C:0.81, M:0, Y:0.1, K:0.35. Its decimal value is 2074262.

Hex triplet	1fa696	`#1fa696`
RGB Decimal	31, 166, 150	`rgb(31,166,150)`
RGB Percent	12.2, 65.1, 58.8	`rgb(12.2%,65.1%,58.8%)`
CMYK	81, 0, 10, 35
HSL	172.9°, 68.5, 38.6	`hsl(172.9,68.5%,38.6%)`
HSV (or HSB)	172.9°, 81.3, 65.1
Web Safe	339999	`#339999`

CIE-LAB	61.45, -37.913, -1.563
XYZ	19.704, 29.764, 33.559
xyY	0.237, 0.358, 29.764
CIE-LCH	61.45, 37.945, 182.361
CIE-LUV	61.45, -46.966, 3.387
Hunter-Lab	54.556, -31.003, 1.718
Binary	00011111, 10100110, 10010110

#1fa696
```
#1fa696 rgb(31,166,150)
```
#a61f2f
```
#a61f2f rgb(166,31,47)
```

Complementary Color

#1fa652
```
#1fa652 rgb(31,166,82)
```
#1fa696
```
#1fa696 rgb(31,166,150)
```
#1f73a6
```
#1f73a6 rgb(31,115,166)
```

Analogous Color

#a6521f
```
#a6521f rgb(166,82,31)
```
#1fa696
```
#1fa696 rgb(31,166,150)
```
#a61f73
```
#a61f73 rgb(166,31,115)
```

Split Complementary Color

#a6961f
```
#a6961f rgb(166,150,31)
```
#1fa696
```
#1fa696 rgb(31,166,150)
```
#961fa6
```
#961fa6 rgb(150,31,166)
```

Triadic Color

#2fa61f
```
#2fa61f rgb(47,166,31)
```
#1fa696
```
#1fa696 rgb(31,166,150)
```
#961fa6
```
#961fa6 rgb(150,31,166)
```
#a61f2f
```
#a61f2f rgb(166,31,47)
```

Tetradic Color

#13665c
```
#13665c rgb(19,102,92)
```
#177b6f
```
#177b6f rgb(23,123,111)
```
#1b9183
```
#1b9183 rgb(27,145,131)
```
#1fa696
```
#1fa696 rgb(31,166,150)
```
#23bba9
```
#23bba9 rgb(35,187,169)
```
#27d1bd
```
#27d1bd rgb(39,209,189)
```
#38dac7
```
#38dac7 rgb(56,218,199)
```

Monochromatic Color

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

#1fa674
```
#1fa674 rgb(31,166,116)
```
#1fa680
```
#1fa680 rgb(31,166,128)
```
#1fa68b
```
#1fa68b rgb(31,166,139)
```
#1fa696
```
#1fa696 rgb(31,166,150)
```
#1fa6a1
```
#1fa6a1 rgb(31,166,161)
```
#1fa0a6
```
#1fa0a6 rgb(31,160,166)
```
#1f94a6
```
#1f94a6 rgb(31,148,166)
```

Similar Colors

Text with hexadecimal color #1fa696

This text has a font color of #1fa696.

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

#1fa696 background color

This paragraph has a background color of #1fa696.

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

#1fa696 border color

This element has a border color of #1fa696.

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

CSS codes

.text {color:#1fa696;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#031110
```
#031110 rgb(3,17,16)
```
#06221f
```
#06221f rgb(6,34,31)
```
#09322d
```
#09322d rgb(9,50,45)
```
#0c433c
```
#0c433c rgb(12,67,60)
```
#10534b
```
#10534b rgb(16,83,75)
```
#13645a
```
#13645a rgb(19,100,90)
```
#167469
```
#167469 rgb(22,116,105)
```
#198578
```
#198578 rgb(25,133,120)
```
#1c9587
```
#1c9587 rgb(28,149,135)
```
#1fa696
```
#1fa696 rgb(31,166,150)
```
#22b7a5
```
#22b7a5 rgb(34,183,165)
```
#25c7b4
```
#25c7b4 rgb(37,199,180)
```

Shade Color Variation

#29d7c2
```
#29d7c2 rgb(41,215,194)
```
#39dac7
```
#39dac7 rgb(57,218,199)
```
#4addcc
```
#4addcc rgb(74,221,204)
```
#5ae0d0
```
#5ae0d0 rgb(90,224,208)
```
#6be3d5
```
#6be3d5 rgb(107,227,213)
```
#7be6da
```
#7be6da rgb(123,230,218)
```
#8ceade
```
#8ceade rgb(140,234,222)
```
#9dede3
```
#9dede3 rgb(157,237,227)
```
#adf0e8
```
#adf0e8 rgb(173,240,232)
```
#bef3ec
```
#bef3ec rgb(190,243,236)
```
#cef6f1
```
#cef6f1 rgb(206,246,241)
```
#dff9f6
```
#dff9f6 rgb(223,249,246)
```
#effcfb
```
#effcfb rgb(239,252,251)
```

Tint Color Variation

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

#5c6968
```
#5c6968 rgb(92,105,104)
```
#54716e
```
#54716e rgb(84,113,110)
```
#4c7973
```
#4c7973 rgb(76,121,115)
```
#458079
```
#458079 rgb(69,128,121)
```
#3d887f
```
#3d887f rgb(61,136,127)
```
#368f85
```
#368f85 rgb(54,143,133)
```
#2e978a
```
#2e978a rgb(46,151,138)
```
#279e90
```
#279e90 rgb(39,158,144)
```
#1fa696
```
#1fa696 rgb(31,166,150)
```
#17ae9c
```
#17ae9c rgb(23,174,156)
```
#10b5a2
```
#10b5a2 rgb(16,181,162)
```
#08bda7
```
#08bda7 rgb(8,189,167)
```
#01c4ad
```
#01c4ad rgb(1,196,173)
```

Tone Color Variation

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

Dichromacy

#9e9992 Protanopia 1% of men
#a395a2 Deuteranopia 1% of men
#3fa7b3 Tritanopia 0.001% of the population

Trichromacy

#709d93 Protanomaly 1% of men, 0.01% of women
#739b9e Deuteranomaly 6% of men, 0.4% of women
#33a6a8 Tritanomaly 0.01% of the population

#1fa696 hex color

#1fa696 Color Information

#1fa696 Color Conversion

Color Schemes with #1fa696

Alternatives to #1fa696

#1fa696 Preview

Shades and Tints of #1fa696

Tones of #1fa696

Color Blindness Simulator