#1faf9c hex color

In a RGB color space, hex #1faf9c is composed of 12.2% red, 68.6% green and 61.2% blue. Whereas in a CMYK color space, it is composed of 82.3% cyan, 0% magenta, 10.9% yellow and 31.4% black. It has a hue angle of 172.1 degrees, a saturation of 69.9% and a lightness of 40.4%. #1faf9c color hex could be obtained by blending #3effff with #005f39. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 12
- G 69
- B 61
RGB color chart
- C 82
- M 0
- Y 11
- K 31
CMYK color chart

● #1faf9c color description : Dark cyan.

The hexadecimal color #1faf9c has RGB values of R:31, G:175, B:156 and CMYK values of C:0.82, M:0, Y:0.11, K:0.31. Its decimal value is 2076572.

Hex triplet	1faf9c	`#1faf9c`
RGB Decimal	31, 175, 156	`rgb(31,175,156)`
RGB Percent	12.2, 68.6, 61.2	`rgb(12.2%,68.6%,61.2%)`
CMYK	82, 0, 11, 31
HSL	172.1°, 69.9, 40.4	`hsl(172.1,69.9%,40.4%)`
HSV (or HSB)	172.1°, 82.3, 68.6
Web Safe	339999	`#339999`

CIE-LAB	64.443, -40.236, -0.535
XYZ	21.894, 33.349, 36.734
xyY	0.238, 0.363, 33.349
CIE-LCH	64.443, 40.24, 180.762
CIE-LUV	64.443, -49.717, 5.297
Hunter-Lab	57.749, -33.388, 2.71
Binary	00011111, 10101111, 10011100

#1faf9c
```
#1faf9c rgb(31,175,156)
```
#af1f32
```
#af1f32 rgb(175,31,50)
```

Complementary Color

#1faf54
```
#1faf54 rgb(31,175,84)
```
#1faf9c
```
#1faf9c rgb(31,175,156)
```
#1f7aaf
```
#1f7aaf rgb(31,122,175)
```

Analogous Color

#af541f
```
#af541f rgb(175,84,31)
```
#1faf9c
```
#1faf9c rgb(31,175,156)
```
#af1f7a
```
#af1f7a rgb(175,31,122)
```

Split Complementary Color

#af9c1f
```
#af9c1f rgb(175,156,31)
```
#1faf9c
```
#1faf9c rgb(31,175,156)
```
#9c1faf
```
#9c1faf rgb(156,31,175)
```

Triadic Color

#32af1f
```
#32af1f rgb(50,175,31)
```
#1faf9c
```
#1faf9c rgb(31,175,156)
```
#9c1faf
```
#9c1faf rgb(156,31,175)
```
#af1f32
```
#af1f32 rgb(175,31,50)
```

Tetradic Color

#136e62
```
#136e62 rgb(19,110,98)
```
#178475
```
#178475 rgb(23,132,117)
```
#1b9989
```
#1b9989 rgb(27,153,137)
```
#1faf9c
```
#1faf9c rgb(31,175,156)
```
#23c5af
```
#23c5af rgb(35,197,175)
```
#28d9c2
```
#28d9c2 rgb(40,217,194)
```
#3eddc8
```
#3eddc8 rgb(62,221,200)
```

Monochromatic Color

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

#1faf78
```
#1faf78 rgb(31,175,120)
```
#1faf84
```
#1faf84 rgb(31,175,132)
```
#1faf90
```
#1faf90 rgb(31,175,144)
```
#1faf9c
```
#1faf9c rgb(31,175,156)
```
#1fafa8
```
#1fafa8 rgb(31,175,168)
```
#1faaaf
```
#1faaaf rgb(31,170,175)
```
#1f9eaf
```
#1f9eaf rgb(31,158,175)
```

Similar Colors

Text with hexadecimal color #1faf9c

This text has a font color of #1faf9c.

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

#1faf9c background color

This paragraph has a background color of #1faf9c.

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

#1faf9c border color

This element has a border color of #1faf9c.

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

CSS codes

.text {color:#1faf9c;}

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

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

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

#010807
```
#010807 rgb(1,8,7)
```
#041916
```
#041916 rgb(4,25,22)
```
#072a25
```
#072a25 rgb(7,42,37)
```
#0a3a34
```
#0a3a34 rgb(10,58,52)
```
#0d4b43
```
#0d4b43 rgb(13,75,67)
```
#105c52
```
#105c52 rgb(16,92,82)
```
#136c61
```
#136c61 rgb(19,108,97)
```
#167d6f
```
#167d6f rgb(22,125,111)
```
#198e7e
```
#198e7e rgb(25,142,126)
```
#1c9e8d
```
#1c9e8d rgb(28,158,141)
```
#1faf9c
```
#1faf9c rgb(31,175,156)
```
#22c0ab
```
#22c0ab rgb(34,192,171)
```
#25d0ba
```
#25d0ba rgb(37,208,186)
```

Shade Color Variation

#2fdac3
```
#2fdac3 rgb(47,218,195)
```
#3fddc8
```
#3fddc8 rgb(63,221,200)
```
#50e0cd
```
#50e0cd rgb(80,224,205)
```
#61e3d2
```
#61e3d2 rgb(97,227,210)
```
#71e6d7
```
#71e6d7 rgb(113,230,215)
```
#82e9db
```
#82e9db rgb(130,233,219)
```
#93ece0
```
#93ece0 rgb(147,236,224)
```
#a3efe5
```
#a3efe5 rgb(163,239,229)
```
#b4f2ea
```
#b4f2ea rgb(180,242,234)
```
#c5f5ee
```
#c5f5ee rgb(197,245,238)
```
#d5f8f3
```
#d5f8f3 rgb(213,248,243)
```
#e6fbf8
```
#e6fbf8 rgb(230,251,248)
```
#f7fefd
```
#f7fefd rgb(247,254,253)
```

Tint Color Variation

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

#666868
```
#666868 rgb(102,104,104)
```
#5e706d
```
#5e706d rgb(94,112,109)
```
#567873
```
#567873 rgb(86,120,115)
```
#4f7f79
```
#4f7f79 rgb(79,127,121)
```
#47877f
```
#47877f rgb(71,135,127)
```
#3f8f85
```
#3f8f85 rgb(63,143,133)
```
#37978b
```
#37978b rgb(55,151,139)
```
#2f9f90
```
#2f9f90 rgb(47,159,144)
```
#27a796
```
#27a796 rgb(39,167,150)
```
#1faf9c
```
#1faf9c rgb(31,175,156)
```
#17b7a2
```
#17b7a2 rgb(23,183,162)
```
#0fbfa8
```
#0fbfa8 rgb(15,191,168)
```
#07c7ad
```
#07c7ad rgb(7,199,173)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#6e8b87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6a097 Protanopia 1% of men
#ac9ca9 Deuteranopia 1% of men
#42afbb Tritanopia 0.001% of the population

Trichromacy

#75a599 Protanomaly 1% of men, 0.01% of women
#79a3a4 Deuteranomaly 6% of men, 0.4% of women
#35afb0 Tritanomaly 0.01% of the population

#1faf9c hex color

#1faf9c Color Information

#1faf9c Color Conversion

Color Schemes with #1faf9c

Alternatives to #1faf9c

#1faf9c Preview

Shades and Tints of #1faf9c

Tones of #1faf9c

Color Blindness Simulator