#1f8670 hex color

In a RGB color space, hex #1f8670 is composed of 12.2% red, 52.5% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 76.9% cyan, 0% magenta, 16.4% yellow and 47.5% black. It has a hue angle of 167.2 degrees, a saturation of 62.4% and a lightness of 32.4%. #1f8670 color hex could be obtained by blending #3effe0 with #000d00. Closest websafe color is: #339966.

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

● #1f8670 color description : Dark cyan.

The hexadecimal color #1f8670 has RGB values of R:31, G:134, B:112 and CMYK values of C:0.77, M:0, Y:0.16, K:0.47. Its decimal value is 2066032.

Hex triplet	1f8670	`#1f8670`
RGB Decimal	31, 134, 112	`rgb(31,134,112)`
RGB Percent	12.2, 52.5, 43.9	`rgb(12.2%,52.5%,43.9%)`
CMYK	77, 0, 16, 47
HSL	167.2°, 62.4, 32.4	`hsl(167.2,62.4%,32.4%)`
HSV (or HSB)	167.2°, 76.9, 52.5
Web Safe	339966	`#339966`

CIE-LAB	50.109, -34.025, 3.673
XYZ	12.014, 18.51, 18.268
xyY	0.246, 0.379, 18.51
CIE-LCH	50.109, 34.222, 173.838
CIE-LUV	50.109, -38.001, 9.954
Hunter-Lab	43.023, -25.447, 4.942
Binary	00011111, 10000110, 01110000

#1f8670
```
#1f8670 rgb(31,134,112)
```
#861f35
```
#861f35 rgb(134,31,53)
```

Complementary Color

#1f863d
```
#1f863d rgb(31,134,61)
```
#1f8670
```
#1f8670 rgb(31,134,112)
```
#1f6986
```
#1f6986 rgb(31,105,134)
```

Analogous Color

#863d1f
```
#863d1f rgb(134,61,31)
```
#1f8670
```
#1f8670 rgb(31,134,112)
```
#861f69
```
#861f69 rgb(134,31,105)
```

Split Complementary Color

#86701f
```
#86701f rgb(134,112,31)
```
#1f8670
```
#1f8670 rgb(31,134,112)
```
#701f86
```
#701f86 rgb(112,31,134)
```

Triadic Color

#35861f
```
#35861f rgb(53,134,31)
```
#1f8670
```
#1f8670 rgb(31,134,112)
```
#701f86
```
#701f86 rgb(112,31,134)
```
#861f35
```
#861f35 rgb(134,31,53)
```

Tetradic Color

#11483c
```
#11483c rgb(17,72,60)
```
#155d4d
```
#155d4d rgb(21,93,77)
```
#1a715f
```
#1a715f rgb(26,113,95)
```
#1f8670
```
#1f8670 rgb(31,134,112)
```
#249b81
```
#249b81 rgb(36,155,129)
```
#29af93
```
#29af93 rgb(41,175,147)
```
#2dc4a4
```
#2dc4a4 rgb(45,196,164)
```

Monochromatic Color

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

#1f8656
```
#1f8656 rgb(31,134,86)
```
#1f865f
```
#1f865f rgb(31,134,95)
```
#1f8667
```
#1f8667 rgb(31,134,103)
```
#1f8670
```
#1f8670 rgb(31,134,112)
```
#1f8679
```
#1f8679 rgb(31,134,121)
```
#1f8681
```
#1f8681 rgb(31,134,129)
```
#1f8286
```
#1f8286 rgb(31,130,134)
```

Similar Colors

Text with hexadecimal color #1f8670

This text has a font color of #1f8670.

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

#1f8670 background color

This paragraph has a background color of #1f8670.

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

#1f8670 border color

This element has a border color of #1f8670.

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

CSS codes

.text {color:#1f8670;}

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

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

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

#020705
```
#020705 rgb(2,7,5)
```
#051613
```
#051613 rgb(5,22,19)
```
#092620
```
#092620 rgb(9,38,32)
```
#0d362d
```
#0d362d rgb(13,54,45)
```
#10463b
```
#10463b rgb(16,70,59)
```
#145648
```
#145648 rgb(20,86,72)
```
#186655
```
#186655 rgb(24,102,85)
```
#1b7663
```
#1b7663 rgb(27,118,99)
```
#1f8670
```
#1f8670 rgb(31,134,112)
```
#23967d
```
#23967d rgb(35,150,125)
```
#26a68b
```
#26a68b rgb(38,166,139)
```
#2ab698
```
#2ab698 rgb(42,182,152)
```
#2ec6a5
```
#2ec6a5 rgb(46,198,165)
```

Shade Color Variation

#36d1b0
```
#36d1b0 rgb(54,209,176)
```
#46d4b6
```
#46d4b6 rgb(70,212,182)
```
#56d8bc
```
#56d8bc rgb(86,216,188)
```
#66dcc3
```
#66dcc3 rgb(102,220,195)
```
#76dfc9
```
#76dfc9 rgb(118,223,201)
```
#86e3cf
```
#86e3cf rgb(134,227,207)
```
#96e7d5
```
#96e7d5 rgb(150,231,213)
```
#a6eadc
```
#a6eadc rgb(166,234,220)
```
#b6eee2
```
#b6eee2 rgb(182,238,226)
```
#c6f2e8
```
#c6f2e8 rgb(198,242,232)
```
#d6f5ef
```
#d6f5ef rgb(214,245,239)
```
#e6f9f5
```
#e6f9f5 rgb(230,249,245)
```
#f6fdfb
```
#f6fdfb rgb(246,253,251)
```

Tint Color Variation

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

#525353
```
#525353 rgb(82,83,83)
```
#4b5a57
```
#4b5a57 rgb(75,90,87)
```
#45605a
```
#45605a rgb(69,96,90)
```
#3f665e
```
#3f665e rgb(63,102,94)
```
#386d61
```
#386d61 rgb(56,109,97)
```
#327365
```
#327365 rgb(50,115,101)
```
#2c7969
```
#2c7969 rgb(44,121,105)
```
#25806c
```
#25806c rgb(37,128,108)
```
#1f8670
```
#1f8670 rgb(31,134,112)
```
#198c74
```
#198c74 rgb(25,140,116)
```
#129377
```
#129377 rgb(18,147,119)
```
#0c997b
```
#0c997b rgb(12,153,123)
```
#069f7f
```
#069f7f rgb(6,159,127)
```

Tone Color Variation

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

#837d70 Protanopia 1% of men
#8a7a7d Deuteranopia 1% of men
#3c8892 Tritanopia 0.001% of the population

Trichromacy

#5f8070 Protanomaly 1% of men, 0.01% of women
#637e78 Deuteranomaly 6% of men, 0.4% of women
#318785 Tritanomaly 0.01% of the population

#1f8670 hex color

#1f8670 Color Information

#1f8670 Color Conversion

Color Schemes with #1f8670

Alternatives to #1f8670

#1f8670 Preview

Shades and Tints of #1f8670

Tones of #1f8670

Color Blindness Simulator