#1f8786 hex color

In a RGB color space, hex #1f8786 is composed of 12.2% red, 52.9% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 77% cyan, 0% magenta, 0.7% yellow and 47.1% black. It has a hue angle of 179.4 degrees, a saturation of 62.7% and a lightness of 32.5%. #1f8786 color hex could be obtained by blending #3effff with #000f0d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 12
- G 53
- B 53
RGB color chart
- C 77
- M 0
- Y 1
- K 47
CMYK color chart

● #1f8786 color description : Dark cyan.

The hexadecimal color #1f8786 has RGB values of R:31, G:135, B:134 and CMYK values of C:0.77, M:0, Y:0.01, K:0.47. Its decimal value is 2066310.

Hex triplet	1f8786	`#1f8786`
RGB Decimal	31, 135, 134	`rgb(31,135,134)`
RGB Percent	12.2, 52.9, 52.5	`rgb(12.2%,52.9%,52.5%)`
CMYK	77, 0, 1, 47
HSL	179.4°, 62.7, 32.5	`hsl(179.4,62.7%,32.5%)`
HSV (or HSB)	179.4°, 77, 52.9
Web Safe	339999	`#339999`

CIE-LAB	51.082, -28.071, -7.738
XYZ	13.531, 19.339, 25.573
xyY	0.232, 0.331, 19.339
CIE-LCH	51.082, 29.118, 195.412
CIE-LUV	51.082, -36.88, -7.111
Hunter-Lab	43.976, -22.037, -3.694
Binary	00011111, 10000111, 10000110

#1f8786
```
#1f8786 rgb(31,135,134)
```
#871f20
```
#871f20 rgb(135,31,32)
```

Complementary Color

#1f8752
```
#1f8752 rgb(31,135,82)
```
#1f8786
```
#1f8786 rgb(31,135,134)
```
#1f5487
```
#1f5487 rgb(31,84,135)
```

Analogous Color

#87521f
```
#87521f rgb(135,82,31)
```
#1f8786
```
#1f8786 rgb(31,135,134)
```
#871f54
```
#871f54 rgb(135,31,84)
```

Split Complementary Color

#87861f
```
#87861f rgb(135,134,31)
```
#1f8786
```
#1f8786 rgb(31,135,134)
```
#861f87
```
#861f87 rgb(134,31,135)
```

Triadic Color

#20871f
```
#20871f rgb(32,135,31)
```
#1f8786
```
#1f8786 rgb(31,135,134)
```
#861f87
```
#861f87 rgb(134,31,135)
```
#871f20
```
#871f20 rgb(135,31,32)
```

Tetradic Color

#114948
```
#114948 rgb(17,73,72)
```
#155e5d
```
#155e5d rgb(21,94,93)
```
#1a7271
```
#1a7271 rgb(26,114,113)
```
#1f8786
```
#1f8786 rgb(31,135,134)
```
#249c9b
```
#249c9b rgb(36,156,155)
```
#29b0af
```
#29b0af rgb(41,176,175)
```
#2dc5c4
```
#2dc5c4 rgb(45,197,196)
```

Monochromatic Color

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

#1f876c
```
#1f876c rgb(31,135,108)
```
#1f8775
```
#1f8775 rgb(31,135,117)
```
#1f877d
```
#1f877d rgb(31,135,125)
```
#1f8786
```
#1f8786 rgb(31,135,134)
```
#1f7f87
```
#1f7f87 rgb(31,127,135)
```
#1f7787
```
#1f7787 rgb(31,119,135)
```
#1f6e87
```
#1f6e87 rgb(31,110,135)
```

Similar Colors

Text with hexadecimal color #1f8786

This text has a font color of #1f8786.

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

#1f8786 background color

This paragraph has a background color of #1f8786.

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

#1f8786 border color

This element has a border color of #1f8786.

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

CSS codes

.text {color:#1f8786;}

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

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

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

#020707
```
#020707 rgb(2,7,7)
```
#051717
```
#051717 rgb(5,23,23)
```
#092727
```
#092727 rgb(9,39,39)
```
#0d3737
```
#0d3737 rgb(13,55,55)
```
#104747
```
#104747 rgb(16,71,71)
```
#145756
```
#145756 rgb(20,87,86)
```
#186766
```
#186766 rgb(24,103,102)
```
#1b7776
```
#1b7776 rgb(27,119,118)
```
#1f8786
```
#1f8786 rgb(31,135,134)
```
#239796
```
#239796 rgb(35,151,150)
```
#26a7a6
```
#26a7a6 rgb(38,167,166)
```
#2ab7b6
```
#2ab7b6 rgb(42,183,182)
```
#2ec7c5
```
#2ec7c5 rgb(46,199,197)
```

Shade Color Variation

#37d1d0
```
#37d1d0 rgb(55,209,208)
```
#47d5d3
```
#47d5d3 rgb(71,213,211)
```
#57d8d7
```
#57d8d7 rgb(87,216,215)
```
#67dcdb
```
#67dcdb rgb(103,220,219)
```
#77e0df
```
#77e0df rgb(119,224,223)
```
#87e3e2
```
#87e3e2 rgb(135,227,226)
```
#97e7e6
```
#97e7e6 rgb(151,231,230)
```
#a7ebea
```
#a7ebea rgb(167,235,234)
```
#b7eeee
```
#b7eeee rgb(183,238,238)
```
#c7f2f2
```
#c7f2f2 rgb(199,242,242)
```
#d7f6f5
```
#d7f6f5 rgb(215,246,245)
```
#e6f9f9
```
#e6f9f9 rgb(230,249,249)
```
#f6fdfd
```
#f6fdfd rgb(246,253,253)
```

Tint Color Variation

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

#525454
```
#525454 rgb(82,84,84)
```
#4c5a5a
```
#4c5a5a rgb(76,90,90)
```
#456160
```
#456160 rgb(69,97,96)
```
#3f6767
```
#3f6767 rgb(63,103,103)
```
#396d6d
```
#396d6d rgb(57,109,109)
```
#327473
```
#327473 rgb(50,116,115)
```
#2c7a79
```
#2c7a79 rgb(44,122,121)
```
#258180
```
#258180 rgb(37,129,128)
```
#1f8786
```
#1f8786 rgb(31,135,134)
```
#198d8c
```
#198d8c rgb(25,141,140)
```
#129493
```
#129493 rgb(18,148,147)
```
#0c9a99
```
#0c9a99 rgb(12,154,153)
```
#05a19f
```
#05a19f rgb(5,161,159)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#596e6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#817f84 Protanopia 1% of men
#837d92 Deuteranopia 1% of men
#328b95 Tritanopia 0.001% of the population

Trichromacy

#5d8285 Protanomaly 1% of men, 0.01% of women
#5f818d Deuteranomaly 6% of men, 0.4% of women
#2b8990 Tritanomaly 0.01% of the population

#1f8786 hex color

#1f8786 Color Information

#1f8786 Color Conversion

Color Schemes with #1f8786

Alternatives to #1f8786

#1f8786 Preview

Shades and Tints of #1f8786

Tones of #1f8786

Color Blindness Simulator