#1fa895 hex color

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

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

● #1fa895 color description : Dark cyan.

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

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

CIE-LAB	62.053, -39.086, -0.119
XYZ	19.991, 30.464, 33.259
xyY	0.239, 0.364, 30.464
CIE-LCH	62.053, 39.087, 180.175
CIE-LUV	62.053, -47.75, 5.7
Hunter-Lab	55.195, -31.941, 2.91
Binary	00011111, 10101000, 10010101

#1fa895
```
#1fa895 rgb(31,168,149)
```
#a81f32
```
#a81f32 rgb(168,31,50)
```

Complementary Color

#1fa851
```
#1fa851 rgb(31,168,81)
```
#1fa895
```
#1fa895 rgb(31,168,149)
```
#1f77a8
```
#1f77a8 rgb(31,119,168)
```

Analogous Color

#a8511f
```
#a8511f rgb(168,81,31)
```
#1fa895
```
#1fa895 rgb(31,168,149)
```
#a81f77
```
#a81f77 rgb(168,31,119)
```

Split Complementary Color

#a8951f
```
#a8951f rgb(168,149,31)
```
#1fa895
```
#1fa895 rgb(31,168,149)
```
#951fa8
```
#951fa8 rgb(149,31,168)
```

Triadic Color

#32a81f
```
#32a81f rgb(50,168,31)
```
#1fa895
```
#1fa895 rgb(31,168,149)
```
#951fa8
```
#951fa8 rgb(149,31,168)
```
#a81f32
```
#a81f32 rgb(168,31,50)
```

Tetradic Color

#13675c
```
#13675c rgb(19,103,92)
```
#177d6f
```
#177d6f rgb(23,125,111)
```
#1b9282
```
#1b9282 rgb(27,146,130)
```
#1fa895
```
#1fa895 rgb(31,168,149)
```
#23bea8
```
#23bea8 rgb(35,190,168)
```
#27d3bb
```
#27d3bb rgb(39,211,187)
```
#39dac4
```
#39dac4 rgb(57,218,196)
```

Monochromatic Color

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

#1fa873
```
#1fa873 rgb(31,168,115)
```
#1fa87e
```
#1fa87e rgb(31,168,126)
```
#1fa88a
```
#1fa88a rgb(31,168,138)
```
#1fa895
```
#1fa895 rgb(31,168,149)
```
#1fa8a0
```
#1fa8a0 rgb(31,168,160)
```
#1fa4a8
```
#1fa4a8 rgb(31,164,168)
```
#1f99a8
```
#1f99a8 rgb(31,153,168)
```

Similar Colors

Text with hexadecimal color #1fa895

This text has a font color of #1fa895.

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

#1fa895 background color

This paragraph has a background color of #1fa895.

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

#1fa895 border color

This element has a border color of #1fa895.

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

CSS codes

.text {color:#1fa895;}

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

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

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)
```
#0a342e
```
#0a342e rgb(10,52,46)
```
#0d453d
```
#0d453d rgb(13,69,61)
```
#10554c
```
#10554c rgb(16,85,76)
```
#13665a
```
#13665a rgb(19,102,90)
```
#167669
```
#167669 rgb(22,118,105)
```
#198778
```
#198778 rgb(25,135,120)
```
#1c9786
```
#1c9786 rgb(28,151,134)
```
#1fa895
```
#1fa895 rgb(31,168,149)
```
#22b9a4
```
#22b9a4 rgb(34,185,164)
```
#25c9b2
```
#25c9b2 rgb(37,201,178)
```

Shade Color Variation

#2ad8c0
```
#2ad8c0 rgb(42,216,192)
```
#3bdbc5
```
#3bdbc5 rgb(59,219,197)
```
#4bdeca
```
#4bdeca rgb(75,222,202)
```
#5ce1ce
```
#5ce1ce rgb(92,225,206)
```
#6ce4d3
```
#6ce4d3 rgb(108,228,211)
```
#7de7d8
```
#7de7d8 rgb(125,231,216)
```
#8deadd
```
#8deadd rgb(141,234,221)
```
#9eede2
```
#9eede2 rgb(158,237,226)
```
#aff0e7
```
#aff0e7 rgb(175,240,231)
```
#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 #00c7ab is the most saturated one.

#5c6b69
```
#5c6b69 rgb(92,107,105)
```
#55726e
```
#55726e rgb(85,114,110)
```
#4d7a74
```
#4d7a74 rgb(77,122,116)
```
#458279
```
#458279 rgb(69,130,121)
```
#3e897f
```
#3e897f rgb(62,137,127)
```
#369184
```
#369184 rgb(54,145,132)
```
#2e998a
```
#2e998a rgb(46,153,138)
```
#27a08f
```
#27a08f rgb(39,160,143)
```
#1fa895
```
#1fa895 rgb(31,168,149)
```
#17b09b
```
#17b09b rgb(23,176,155)
```
#10b7a0
```
#10b7a0 rgb(16,183,160)
```
#08bfa6
```
#08bfa6 rgb(8,191,166)
```
#00c7ab
```
#00c7ab rgb(0,199,171)
```

Tone Color Variation

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

#a09a91 Protanopia 1% of men
#a697a2 Deuteranopia 1% of men
#41a8b4 Tritanopia 0.001% of the population

Trichromacy

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

#1fa895 hex color

#1fa895 Color Information

#1fa895 Color Conversion

Color Schemes with #1fa895

Alternatives to #1fa895

#1fa895 Preview

Shades and Tints of #1fa895

Tones of #1fa895

Color Blindness Simulator