#1f8172 hex color

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

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

● #1f8172 color description : Dark cyan.

The hexadecimal color #1f8172 has RGB values of R:31, G:129, B:114 and CMYK values of C:0.76, M:0, Y:0.12, K:0.49. Its decimal value is 2064754.

Hex triplet	1f8172	`#1f8172`
RGB Decimal	31, 129, 114	`rgb(31,129,114)`
RGB Percent	12.2, 50.6, 44.7	`rgb(12.2%,50.6%,44.7%)`
CMYK	76, 0, 12, 49
HSL	170.8°, 61.3, 31.4	`hsl(170.8,61.3%,31.4%)`
HSV (or HSB)	170.8°, 76, 50.6
Web Safe	339966	`#339966`

CIE-LAB	48.518, -31.144, 0.194
XYZ	11.452, 17.206, 18.636
xyY	0.242, 0.364, 17.206
CIE-LCH	48.518, 31.144, 179.643
CIE-LUV	48.518, -36.009, 4.716
Hunter-Lab	41.48, -23.31, 2.398
Binary	00011111, 10000001, 01110010

#1f8172
```
#1f8172 rgb(31,129,114)
```
#811f2e
```
#811f2e rgb(129,31,46)
```

Complementary Color

#1f8141
```
#1f8141 rgb(31,129,65)
```
#1f8172
```
#1f8172 rgb(31,129,114)
```
#1f5f81
```
#1f5f81 rgb(31,95,129)
```

Analogous Color

#81411f
```
#81411f rgb(129,65,31)
```
#1f8172
```
#1f8172 rgb(31,129,114)
```
#811f5f
```
#811f5f rgb(129,31,95)
```

Split Complementary Color

#81721f
```
#81721f rgb(129,114,31)
```
#1f8172
```
#1f8172 rgb(31,129,114)
```
#721f81
```
#721f81 rgb(114,31,129)
```

Triadic Color

#2e811f
```
#2e811f rgb(46,129,31)
```
#1f8172
```
#1f8172 rgb(31,129,114)
```
#721f81
```
#721f81 rgb(114,31,129)
```
#811f2e
```
#811f2e rgb(129,31,46)
```

Tetradic Color

#10433b
```
#10433b rgb(16,67,59)
```
#15584e
```
#15584e rgb(21,88,78)
```
#1a6c60
```
#1a6c60 rgb(26,108,96)
```
#1f8172
```
#1f8172 rgb(31,129,114)
```
#249684
```
#249684 rgb(36,150,132)
```
#29aa96
```
#29aa96 rgb(41,170,150)
```
#2ebfa9
```
#2ebfa9 rgb(46,191,169)
```

Monochromatic Color

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

#1f815a
```
#1f815a rgb(31,129,90)
```
#1f8162
```
#1f8162 rgb(31,129,98)
```
#1f816a
```
#1f816a rgb(31,129,106)
```
#1f8172
```
#1f8172 rgb(31,129,114)
```
#1f817a
```
#1f817a rgb(31,129,122)
```
#1f8081
```
#1f8081 rgb(31,128,129)
```
#1f7881
```
#1f7881 rgb(31,120,129)
```

Similar Colors

Text with hexadecimal color #1f8172

This text has a font color of #1f8172.

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

#1f8172 background color

This paragraph has a background color of #1f8172.

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

#1f8172 border color

This element has a border color of #1f8172.

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

CSS codes

.text {color:#1f8172;}

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

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

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)
```
#0c322c
```
#0c322c rgb(12,50,44)
```
#10423a
```
#10423a rgb(16,66,58)
```
#145248
```
#145248 rgb(20,82,72)
```
#176156
```
#176156 rgb(23,97,86)
```
#1b7164
```
#1b7164 rgb(27,113,100)
```
#1f8172
```
#1f8172 rgb(31,129,114)
```
#239180
```
#239180 rgb(35,145,128)
```
#27a18e
```
#27a18e rgb(39,161,142)
```
#2ab09c
```
#2ab09c rgb(42,176,156)
```
#2ec0aa
```
#2ec0aa rgb(46,192,170)
```

Shade Color Variation

#34ceb7
```
#34ceb7 rgb(52,206,183)
```
#44d2bc
```
#44d2bc rgb(68,210,188)
```
#54d6c2
```
#54d6c2 rgb(84,214,194)
```
#63dac7
```
#63dac7 rgb(99,218,199)
```
#73ddcd
```
#73ddcd rgb(115,221,205)
```
#83e1d3
```
#83e1d3 rgb(131,225,211)
```
#93e5d8
```
#93e5d8 rgb(147,229,216)
```
#a3e9de
```
#a3e9de rgb(163,233,222)
```
#b2ede4
```
#b2ede4 rgb(178,237,228)
```
#c2f0e9
```
#c2f0e9 rgb(194,240,233)
```
#d2f4ef
```
#d2f4ef rgb(210,244,239)
```
#e2f8f5
```
#e2f8f5 rgb(226,248,245)
```
#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 #00a087 is the most saturated one.

#4a5654
```
#4a5654 rgb(74,86,84)
```
#445c58
```
#445c58 rgb(68,92,88)
```
#3e625d
```
#3e625d rgb(62,98,93)
```
#386861
```
#386861 rgb(56,104,97)
```
#316f65
```
#316f65 rgb(49,111,101)
```
#2b7569
```
#2b7569 rgb(43,117,105)
```
#257b6e
```
#257b6e rgb(37,123,110)
```
#1f8172
```
#1f8172 rgb(31,129,114)
```
#198776
```
#198776 rgb(25,135,118)
```
#138d7b
```
#138d7b rgb(19,141,123)
```
#0d937f
```
#0d937f rgb(13,147,127)
```
#069a83
```
#069a83 rgb(6,154,131)
```
#00a087
```
#00a087 rgb(0,160,135)
```

Tone Color Variation

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

#7e7a72 Protanopia 1% of men
#83777f Deuteranopia 1% of men
#38848e Tritanopia 0.001% of the population

Trichromacy

#5b7c72 Protanomaly 1% of men, 0.01% of women
#5e7a7a Deuteranomaly 6% of men, 0.4% of women
#2f8383 Tritanomaly 0.01% of the population

#1f8172 hex color

#1f8172 Color Information

#1f8172 Color Conversion

Color Schemes with #1f8172

Alternatives to #1f8172

#1f8172 Preview

Shades and Tints of #1f8172

Tones of #1f8172

Color Blindness Simulator