#1f8770 hex color

In a RGB color space, hex #1f8770 is composed of 12.2% red, 52.9% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 77% cyan, 0% magenta, 17% yellow and 47.1% black. It has a hue angle of 166.7 degrees, a saturation of 62.7% and a lightness of 32.5%. #1f8770 color hex could be obtained by blending #3effe0 with #000f00. Closest websafe color is: #339966.

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

● #1f8770 color description : Dark cyan.

The hexadecimal color #1f8770 has RGB values of R:31, G:135, B:112 and CMYK values of C:0.77, M:0, Y:0.17, K:0.47. Its decimal value is 2066288.

Hex triplet	1f8770	`#1f8770`
RGB Decimal	31, 135, 112	`rgb(31,135,112)`
RGB Percent	12.2, 52.9, 43.9	`rgb(12.2%,52.9%,43.9%)`
CMYK	77, 0, 17, 47
HSL	166.7°, 62.7, 32.5	`hsl(166.7,62.7%,32.5%)`
HSV (or HSB)	166.7°, 77, 52.9
Web Safe	339966	`#339966`

CIE-LAB	50.438, -34.48, 4.147
XYZ	12.153, 18.788, 18.314
xyY	0.247, 0.381, 18.788
CIE-LCH	50.438, 34.728, 173.141
CIE-LUV	50.438, -38.372, 10.678
Hunter-Lab	43.345, -25.808, 5.29
Binary	00011111, 10000111, 01110000

#1f8770
```
#1f8770 rgb(31,135,112)
```
#871f36
```
#871f36 rgb(135,31,54)
```

Complementary Color

#1f873c
```
#1f873c rgb(31,135,60)
```
#1f8770
```
#1f8770 rgb(31,135,112)
```
#1f6a87
```
#1f6a87 rgb(31,106,135)
```

Analogous Color

#873c1f
```
#873c1f rgb(135,60,31)
```
#1f8770
```
#1f8770 rgb(31,135,112)
```
#871f6a
```
#871f6a rgb(135,31,106)
```

Split Complementary Color

#87701f
```
#87701f rgb(135,112,31)
```
#1f8770
```
#1f8770 rgb(31,135,112)
```
#701f87
```
#701f87 rgb(112,31,135)
```

Triadic Color

#36871f
```
#36871f rgb(54,135,31)
```
#1f8770
```
#1f8770 rgb(31,135,112)
```
#701f87
```
#701f87 rgb(112,31,135)
```
#871f36
```
#871f36 rgb(135,31,54)
```

Tetradic Color

#11493c
```
#11493c rgb(17,73,60)
```
#155e4e
```
#155e4e rgb(21,94,78)
```
#1a725f
```
#1a725f rgb(26,114,95)
```
#1f8770
```
#1f8770 rgb(31,135,112)
```
#249c81
```
#249c81 rgb(36,156,129)
```
#29b092
```
#29b092 rgb(41,176,146)
```
#2dc5a4
```
#2dc5a4 rgb(45,197,164)
```

Monochromatic Color

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

#1f8756
```
#1f8756 rgb(31,135,86)
```
#1f875f
```
#1f875f rgb(31,135,95)
```
#1f8767
```
#1f8767 rgb(31,135,103)
```
#1f8770
```
#1f8770 rgb(31,135,112)
```
#1f8779
```
#1f8779 rgb(31,135,121)
```
#1f8781
```
#1f8781 rgb(31,135,129)
```
#1f8487
```
#1f8487 rgb(31,132,135)
```

Similar Colors

Text with hexadecimal color #1f8770

This text has a font color of #1f8770.

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

#1f8770 background color

This paragraph has a background color of #1f8770.

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

#1f8770 border color

This element has a border color of #1f8770.

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

CSS codes

.text {color:#1f8770;}

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

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

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

#020706
```
#020706 rgb(2,7,6)
```
#051713
```
#051713 rgb(5,23,19)
```
#092721
```
#092721 rgb(9,39,33)
```
#0d372e
```
#0d372e rgb(13,55,46)
```
#10473b
```
#10473b rgb(16,71,59)
```
#145748
```
#145748 rgb(20,87,72)
```
#186756
```
#186756 rgb(24,103,86)
```
#1b7763
```
#1b7763 rgb(27,119,99)
```
#1f8770
```
#1f8770 rgb(31,135,112)
```
#23977d
```
#23977d rgb(35,151,125)
```
#26a78a
```
#26a78a rgb(38,167,138)
```
#2ab798
```
#2ab798 rgb(42,183,152)
```
#2ec7a5
```
#2ec7a5 rgb(46,199,165)
```

Shade Color Variation

#37d1af
```
#37d1af rgb(55,209,175)
```
#47d5b5
```
#47d5b5 rgb(71,213,181)
```
#57d8bc
```
#57d8bc rgb(87,216,188)
```
#67dcc2
```
#67dcc2 rgb(103,220,194)
```
#77e0c9
```
#77e0c9 rgb(119,224,201)
```
#87e3cf
```
#87e3cf rgb(135,227,207)
```
#97e7d5
```
#97e7d5 rgb(151,231,213)
```
#a7ebdc
```
#a7ebdc rgb(167,235,220)
```
#b7eee2
```
#b7eee2 rgb(183,238,226)
```
#c7f2e8
```
#c7f2e8 rgb(199,242,232)
```
#d7f6ef
```
#d7f6ef rgb(215,246,239)
```
#e6f9f5
```
#e6f9f5 rgb(230,249,245)
```
#f6fdfc
```
#f6fdfc rgb(246,253,252)
```

Tint Color Variation

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

#525454
```
#525454 rgb(82,84,84)
```
#4c5a57
```
#4c5a57 rgb(76,90,87)
```
#45615b
```
#45615b rgb(69,97,91)
```
#3f675e
```
#3f675e rgb(63,103,94)
```
#396d62
```
#396d62 rgb(57,109,98)
```
#327465
```
#327465 rgb(50,116,101)
```
#2c7a69
```
#2c7a69 rgb(44,122,105)
```
#25816c
```
#25816c rgb(37,129,108)
```
#1f8770
```
#1f8770 rgb(31,135,112)
```
#198d74
```
#198d74 rgb(25,141,116)
```
#129477
```
#129477 rgb(18,148,119)
```
#0c9a7b
```
#0c9a7b rgb(12,154,123)
```
#05a17e
```
#05a17e rgb(5,161,126)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#576c67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#847e70 Protanopia 1% of men
#8b7b7d Deuteranopia 1% of men
#3d8993 Tritanopia 0.001% of the population

Trichromacy

#5f8170 Protanomaly 1% of men, 0.01% of women
#637f78 Deuteranomaly 6% of men, 0.4% of women
#328886 Tritanomaly 0.01% of the population

#1f8770 hex color

#1f8770 Color Information

#1f8770 Color Conversion

Color Schemes with #1f8770

Alternatives to #1f8770

#1f8770 Preview

Shades and Tints of #1f8770

Tones of #1f8770

Color Blindness Simulator