#1fa796 hex color

In a RGB color space, hex #1fa796 is composed of 12.2% red, 65.5% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 81.4% cyan, 0% magenta, 10.2% yellow and 34.5% black. It has a hue angle of 172.5 degrees, a saturation of 68.7% and a lightness of 38.8%. #1fa796 color hex could be obtained by blending #3effff with #004f2d. 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

● #1fa796 color description : Dark cyan.

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

Hex triplet	1fa796	`#1fa796`
RGB Decimal	31, 167, 150	`rgb(31,167,150)`
RGB Percent	12.2, 65.5, 58.8	`rgb(12.2%,65.5%,58.8%)`
CMYK	81, 0, 10, 35
HSL	172.5°, 68.7, 38.8	`hsl(172.5,68.7%,38.8%)`
HSV (or HSB)	172.5°, 81.4, 65.5
Web Safe	339999	`#339999`

CIE-LAB	61.765, -38.361, -1.101
XYZ	19.887, 30.129, 33.62
xyY	0.238, 0.36, 30.129
CIE-LCH	61.765, 38.377, 181.644
CIE-LUV	61.765, -47.322, 4.14
Hunter-Lab	54.89, -31.385, 2.108
Binary	00011111, 10100111, 10010110

#1fa796
```
#1fa796 rgb(31,167,150)
```
#a71f30
```
#a71f30 rgb(167,31,48)
```

Complementary Color

#1fa752
```
#1fa752 rgb(31,167,82)
```
#1fa796
```
#1fa796 rgb(31,167,150)
```
#1f74a7
```
#1f74a7 rgb(31,116,167)
```

Analogous Color

#a7521f
```
#a7521f rgb(167,82,31)
```
#1fa796
```
#1fa796 rgb(31,167,150)
```
#a71f74
```
#a71f74 rgb(167,31,116)
```

Split Complementary Color

#a7961f
```
#a7961f rgb(167,150,31)
```
#1fa796
```
#1fa796 rgb(31,167,150)
```
#961fa7
```
#961fa7 rgb(150,31,167)
```

Triadic Color

#30a71f
```
#30a71f rgb(48,167,31)
```
#1fa796
```
#1fa796 rgb(31,167,150)
```
#961fa7
```
#961fa7 rgb(150,31,167)
```
#a71f30
```
#a71f30 rgb(167,31,48)
```

Tetradic Color

#13665c
```
#13665c rgb(19,102,92)
```
#177c6f
```
#177c6f rgb(23,124,111)
```
#1b9183
```
#1b9183 rgb(27,145,131)
```
#1fa796
```
#1fa796 rgb(31,167,150)
```
#23bda9
```
#23bda9 rgb(35,189,169)
```
#27d2bd
```
#27d2bd rgb(39,210,189)
```
#38dac6
```
#38dac6 rgb(56,218,198)
```

Monochromatic Color

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

#1fa774
```
#1fa774 rgb(31,167,116)
```
#1fa77f
```
#1fa77f rgb(31,167,127)
```
#1fa78b
```
#1fa78b rgb(31,167,139)
```
#1fa796
```
#1fa796 rgb(31,167,150)
```
#1fa7a1
```
#1fa7a1 rgb(31,167,161)
```
#1fa1a7
```
#1fa1a7 rgb(31,161,167)
```
#1f96a7
```
#1f96a7 rgb(31,150,167)
```

Similar Colors

Text with hexadecimal color #1fa796

This text has a font color of #1fa796.

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

#1fa796 background color

This paragraph has a background color of #1fa796.

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

#1fa796 border color

This element has a border color of #1fa796.

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

CSS codes

.text {color:#1fa796;}

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

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

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

#000201
```
#000201 rgb(0,2,1)
```
#031210
```
#031210 rgb(3,18,16)
```
#06231f
```
#06231f rgb(6,35,31)
```
#0a332e
```
#0a332e rgb(10,51,46)
```
#0d443d
```
#0d443d rgb(13,68,61)
```
#10544c
```
#10544c rgb(16,84,76)
```
#13655b
```
#13655b rgb(19,101,91)
```
#167569
```
#167569 rgb(22,117,105)
```
#198678
```
#198678 rgb(25,134,120)
```
#1c9687
```
#1c9687 rgb(28,150,135)
```
#1fa796
```
#1fa796 rgb(31,167,150)
```
#22b8a5
```
#22b8a5 rgb(34,184,165)
```
#25c8b4
```
#25c8b4 rgb(37,200,180)
```

Shade Color Variation

#29d7c2
```
#29d7c2 rgb(41,215,194)
```
#3adac6
```
#3adac6 rgb(58,218,198)
```
#4bdecb
```
#4bdecb rgb(75,222,203)
```
#5be1d0
```
#5be1d0 rgb(91,225,208)
```
#6ce4d5
```
#6ce4d5 rgb(108,228,213)
```
#7ce7d9
```
#7ce7d9 rgb(124,231,217)
```
#8deade
```
#8deade rgb(141,234,222)
```
#9dede3
```
#9dede3 rgb(157,237,227)
```
#aef0e8
```
#aef0e8 rgb(174,240,232)
```
#bef3ec
```
#bef3ec rgb(190,243,236)
```
#cff6f1
```
#cff6f1 rgb(207,246,241)
```
#dff9f6
```
#dff9f6 rgb(223,249,246)
```
#f0fcfb
```
#f0fcfb rgb(240,252,251)
```

Tint Color Variation

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

#5c6a68
```
#5c6a68 rgb(92,106,104)
```
#54726e
```
#54726e rgb(84,114,110)
```
#4d7974
```
#4d7974 rgb(77,121,116)
```
#458179
```
#458179 rgb(69,129,121)
```
#3d897f
```
#3d897f rgb(61,137,127)
```
#369085
```
#369085 rgb(54,144,133)
```
#2e988b
```
#2e988b rgb(46,152,139)
```
#279f90
```
#279f90 rgb(39,159,144)
```
#1fa796
```
#1fa796 rgb(31,167,150)
```
#17af9c
```
#17af9c rgb(23,175,156)
```
#10b6a1
```
#10b6a1 rgb(16,182,161)
```
#08bea7
```
#08bea7 rgb(8,190,167)
```
#01c5ad
```
#01c5ad rgb(1,197,173)
```

Tone Color Variation

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

Dichromacy

#9f9a92 Protanopia 1% of men
#a596a3 Deuteranopia 1% of men
#40a7b4 Tritanopia 0.001% of the population

Trichromacy

#709e93 Protanomaly 1% of men, 0.01% of women
#749c9e Deuteranomaly 6% of men, 0.4% of women
#34a7a9 Tritanomaly 0.01% of the population

#1fa796 hex color

#1fa796 Color Information

#1fa796 Color Conversion

Color Schemes with #1fa796

Alternatives to #1fa796

#1fa796 Preview

Shades and Tints of #1fa796

Tones of #1fa796

Color Blindness Simulator