#1f8170 hex color

In a RGB color space, hex #1f8170 is composed of 12.2% red, 50.6% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 76% cyan, 0% magenta, 13.2% yellow and 49.4% black. It has a hue angle of 169.6 degrees, a saturation of 61.3% and a lightness of 31.4%. #1f8170 color hex could be obtained by blending #3effe0 with #000300. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 12
- G 51
- B 44
RGB color chart
- C 76
- M 0
- Y 13
- K 49
CMYK color chart

● #1f8170 color description : Dark cyan.

The hexadecimal color #1f8170 has RGB values of R:31, G:129, B:112 and CMYK values of C:0.76, M:0, Y:0.13, K:0.49. Its decimal value is 2064752.

Hex triplet	1f8170	`#1f8170`
RGB Decimal	31, 129, 112	`rgb(31,129,112)`
RGB Percent	12.2, 50.6, 43.9	`rgb(12.2%,50.6%,43.9%)`
CMYK	76, 0, 13, 49
HSL	169.6°, 61.3, 31.4	`hsl(169.6,61.3%,31.4%)`
HSV (or HSB)	169.6°, 76, 50.6
Web Safe	339966	`#339966`

CIE-LAB	48.462, -31.713, 1.288
XYZ	11.339, 17.161, 18.043
xyY	0.244, 0.369, 17.161
CIE-LCH	48.462, 31.739, 177.675
CIE-LUV	48.462, -36.141, 6.303
Hunter-Lab	41.425, -23.635, 3.174
Binary	00011111, 10000001, 01110000

#1f8170
```
#1f8170 rgb(31,129,112)
```
#811f30
```
#811f30 rgb(129,31,48)
```

Complementary Color

#1f813f
```
#1f813f rgb(31,129,63)
```
#1f8170
```
#1f8170 rgb(31,129,112)
```
#1f6181
```
#1f6181 rgb(31,97,129)
```

Analogous Color

#813f1f
```
#813f1f rgb(129,63,31)
```
#1f8170
```
#1f8170 rgb(31,129,112)
```
#811f61
```
#811f61 rgb(129,31,97)
```

Split Complementary Color

#81701f
```
#81701f rgb(129,112,31)
```
#1f8170
```
#1f8170 rgb(31,129,112)
```
#701f81
```
#701f81 rgb(112,31,129)
```

Triadic Color

#30811f
```
#30811f rgb(48,129,31)
```
#1f8170
```
#1f8170 rgb(31,129,112)
```
#701f81
```
#701f81 rgb(112,31,129)
```
#811f30
```
#811f30 rgb(129,31,48)
```

Tetradic Color

#10433a
```
#10433a rgb(16,67,58)
```
#15584c
```
#15584c rgb(21,88,76)
```
#1a6c5e
```
#1a6c5e rgb(26,108,94)
```
#1f8170
```
#1f8170 rgb(31,129,112)
```
#249682
```
#249682 rgb(36,150,130)
```
#29aa94
```
#29aa94 rgb(41,170,148)
```
#2ebfa6
```
#2ebfa6 rgb(46,191,166)
```

Monochromatic Color

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

#1f8158
```
#1f8158 rgb(31,129,88)
```
#1f8160
```
#1f8160 rgb(31,129,96)
```
#1f8168
```
#1f8168 rgb(31,129,104)
```
#1f8170
```
#1f8170 rgb(31,129,112)
```
#1f8178
```
#1f8178 rgb(31,129,120)
```
#1f8180
```
#1f8180 rgb(31,129,128)
```
#1f7a81
```
#1f7a81 rgb(31,122,129)
```

Similar Colors

Text with hexadecimal color #1f8170

This text has a font color of #1f8170.

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

#1f8170 background color

This paragraph has a background color of #1f8170.

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

#1f8170 border color

This element has a border color of #1f8170.

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

CSS codes

.text {color:#1f8170;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#041210
```
#041210 rgb(4,18,16)
```
#08221e
```
#08221e rgb(8,34,30)
```
#0c322b
```
#0c322b rgb(12,50,43)
```
#104239
```
#104239 rgb(16,66,57)
```
#145247
```
#145247 rgb(20,82,71)
```
#176155
```
#176155 rgb(23,97,85)
```
#1b7162
```
#1b7162 rgb(27,113,98)
```
#1f8170
```
#1f8170 rgb(31,129,112)
```
#23917e
```
#23917e rgb(35,145,126)
```
#27a18b
```
#27a18b rgb(39,161,139)
```
#2ab099
```
#2ab099 rgb(42,176,153)
```
#2ec0a7
```
#2ec0a7 rgb(46,192,167)
```

Shade Color Variation

#34ceb3
```
#34ceb3 rgb(52,206,179)
```
#44d2b9
```
#44d2b9 rgb(68,210,185)
```
#54d6bf
```
#54d6bf rgb(84,214,191)
```
#63dac5
```
#63dac5 rgb(99,218,197)
```
#73ddcb
```
#73ddcb rgb(115,221,203)
```
#83e1d1
```
#83e1d1 rgb(131,225,209)
```
#93e5d7
```
#93e5d7 rgb(147,229,215)
```
#a3e9dd
```
#a3e9dd rgb(163,233,221)
```
#b2ede3
```
#b2ede3 rgb(178,237,227)
```
#c2f0e8
```
#c2f0e8 rgb(194,240,232)
```
#d2f4ee
```
#d2f4ee rgb(210,244,238)
```
#e2f8f4
```
#e2f8f4 rgb(226,248,244)
```
#f2fcfa
```
#f2fcfa rgb(242,252,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4a5654 is the less saturated color, while #00a084 is the most saturated one.

#4a5654
```
#4a5654 rgb(74,86,84)
```
#445c58
```
#445c58 rgb(68,92,88)
```
#3e625c
```
#3e625c rgb(62,98,92)
```
#386860
```
#386860 rgb(56,104,96)
```
#316f64
```
#316f64 rgb(49,111,100)
```
#2b7568
```
#2b7568 rgb(43,117,104)
```
#257b6c
```
#257b6c rgb(37,123,108)
```
#1f8170
```
#1f8170 rgb(31,129,112)
```
#198774
```
#198774 rgb(25,135,116)
```
#138d78
```
#138d78 rgb(19,141,120)
```
#0d937c
```
#0d937c rgb(13,147,124)
```
#069a80
```
#069a80 rgb(6,154,128)
```
#00a084
```
#00a084 rgb(0,160,132)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#556865 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e7970 Protanopia 1% of men
#84767d Deuteranopia 1% of men
#39848d Tritanopia 0.001% of the population

Trichromacy

#5b7c70 Protanomaly 1% of men, 0.01% of women
#5f7a78 Deuteranomaly 6% of men, 0.4% of women
#308383 Tritanomaly 0.01% of the population

#1f8170 hex color

#1f8170 Color Information

#1f8170 Color Conversion

Color Schemes with #1f8170

Alternatives to #1f8170

#1f8170 Preview

Shades and Tints of #1f8170

Tones of #1f8170

Color Blindness Simulator