#1faf9d hex color

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

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

● #1faf9d color description : Dark cyan.

The hexadecimal color #1faf9d has RGB values of R:31, G:175, B:157 and CMYK values of C:0.82, M:0, Y:0.1, K:0.31. Its decimal value is 2076573.

Hex triplet	1faf9d	`#1faf9d`
RGB Decimal	31, 175, 157	`rgb(31,175,157)`
RGB Percent	12.2, 68.6, 61.6	`rgb(12.2%,68.6%,61.6%)`
CMYK	82, 0, 10, 31
HSL	172.5°, 69.9, 40.4	`hsl(172.5,69.9%,40.4%)`
HSV (or HSB)	172.5°, 82.3, 68.6
Web Safe	339999	`#339999`

CIE-LAB	64.47, -39.958, -1.052
XYZ	21.979, 33.383, 37.182
xyY	0.237, 0.361, 33.383
CIE-LCH	64.47, 39.972, 181.508
CIE-LUV	64.47, -49.643, 4.488
Hunter-Lab	57.778, -33.211, 2.29
Binary	00011111, 10101111, 10011101

#1faf9d
```
#1faf9d rgb(31,175,157)
```
#af1f31
```
#af1f31 rgb(175,31,49)
```

Complementary Color

#1faf55
```
#1faf55 rgb(31,175,85)
```
#1faf9d
```
#1faf9d rgb(31,175,157)
```
#1f79af
```
#1f79af rgb(31,121,175)
```

Analogous Color

#af551f
```
#af551f rgb(175,85,31)
```
#1faf9d
```
#1faf9d rgb(31,175,157)
```
#af1f79
```
#af1f79 rgb(175,31,121)
```

Split Complementary Color

#af9d1f
```
#af9d1f rgb(175,157,31)
```
#1faf9d
```
#1faf9d rgb(31,175,157)
```
#9d1faf
```
#9d1faf rgb(157,31,175)
```

Triadic Color

#31af1f
```
#31af1f rgb(49,175,31)
```
#1faf9d
```
#1faf9d rgb(31,175,157)
```
#9d1faf
```
#9d1faf rgb(157,31,175)
```
#af1f31
```
#af1f31 rgb(175,31,49)
```

Tetradic Color

#136e63
```
#136e63 rgb(19,110,99)
```
#178476
```
#178476 rgb(23,132,118)
```
#1b998a
```
#1b998a rgb(27,153,138)
```
#1faf9d
```
#1faf9d rgb(31,175,157)
```
#23c5b0
```
#23c5b0 rgb(35,197,176)
```
#28d9c3
```
#28d9c3 rgb(40,217,195)
```
#3eddc9
```
#3eddc9 rgb(62,221,201)
```

Monochromatic Color

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

#1faf79
```
#1faf79 rgb(31,175,121)
```
#1faf85
```
#1faf85 rgb(31,175,133)
```
#1faf91
```
#1faf91 rgb(31,175,145)
```
#1faf9d
```
#1faf9d rgb(31,175,157)
```
#1fafa9
```
#1fafa9 rgb(31,175,169)
```
#1fa9af
```
#1fa9af rgb(31,169,175)
```
#1f9daf
```
#1f9daf rgb(31,157,175)
```

Similar Colors

Text with hexadecimal color #1faf9d

This text has a font color of #1faf9d.

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

#1faf9d background color

This paragraph has a background color of #1faf9d.

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

#1faf9d border color

This element has a border color of #1faf9d.

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

CSS codes

.text {color:#1faf9d;}

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

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

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

#010808
```
#010808 rgb(1,8,8)
```
#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)
```
#167d70
```
#167d70 rgb(22,125,112)
```
#198e7f
```
#198e7f rgb(25,142,127)
```
#1c9e8e
```
#1c9e8e rgb(28,158,142)
```
#1faf9d
```
#1faf9d rgb(31,175,157)
```
#22c0ac
```
#22c0ac rgb(34,192,172)
```
#25d0bb
```
#25d0bb rgb(37,208,187)
```

Shade Color Variation

#2fdac5
```
#2fdac5 rgb(47,218,197)
```
#3fddc9
```
#3fddc9 rgb(63,221,201)
```
#50e0ce
```
#50e0ce rgb(80,224,206)
```
#61e3d3
```
#61e3d3 rgb(97,227,211)
```
#71e6d7
```
#71e6d7 rgb(113,230,215)
```
#82e9dc
```
#82e9dc rgb(130,233,220)
```
#93ece1
```
#93ece1 rgb(147,236,225)
```
#a3efe5
```
#a3efe5 rgb(163,239,229)
```
#b4f2ea
```
#b4f2ea rgb(180,242,234)
```
#c5f5ef
```
#c5f5ef rgb(197,245,239)
```
#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 #07c7af 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)
```
#2f9f91
```
#2f9f91 rgb(47,159,145)
```
#27a797
```
#27a797 rgb(39,167,151)
```
#1faf9d
```
#1faf9d rgb(31,175,157)
```
#17b7a3
```
#17b7a3 rgb(23,183,163)
```
#0fbfa9
```
#0fbfa9 rgb(15,191,169)
```
#07c7af
```
#07c7af rgb(7,199,175)
```

Tone Color Variation

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

#a6a098 Protanopia 1% of men
#ac9daa Deuteranopia 1% of men
#42afbc Tritanopia 0.001% of the population

Trichromacy

#75a59a Protanomaly 1% of men, 0.01% of women
#78a3a5 Deuteranomaly 6% of men, 0.4% of women
#35afb0 Tritanomaly 0.01% of the population

#1faf9d hex color

#1faf9d Color Information

#1faf9d Color Conversion

Color Schemes with #1faf9d

Alternatives to #1faf9d

#1faf9d Preview

Shades and Tints of #1faf9d

Tones of #1faf9d

Color Blindness Simulator