#1f886f hex color

In a RGB color space, hex #1f886f is composed of 12.2% red, 53.3% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 77.2% cyan, 0% magenta, 18.4% yellow and 46.7% black. It has a hue angle of 165.7 degrees, a saturation of 62.9% and a lightness of 32.7%. #1f886f color hex could be obtained by blending #3effde with #001100. Closest websafe color is: #339966.

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

● #1f886f color description : Dark cyan.

The hexadecimal color #1f886f has RGB values of R:31, G:136, B:111 and CMYK values of C:0.77, M:0, Y:0.18, K:0.47. Its decimal value is 2066543.

Hex triplet	1f886f	`#1f886f`
RGB Decimal	31, 136, 111	`rgb(31,136,111)`
RGB Percent	12.2, 53.3, 43.5	`rgb(12.2%,53.3%,43.5%)`
CMYK	77, 0, 18, 47
HSL	165.7°, 62.9, 32.7	`hsl(165.7,62.9%,32.7%)`
HSV (or HSB)	165.7°, 77.2, 53.3
Web Safe	339966	`#339966`

CIE-LAB	50.741, -35.201, 5.164
XYZ	12.237, 19.046, 18.069
xyY	0.248, 0.386, 19.046
CIE-LCH	50.741, 35.578, 171.654
CIE-LUV	50.741, -38.808, 12.169
Hunter-Lab	43.642, -26.321, 6.001
Binary	00011111, 10001000, 01101111

#1f886f
```
#1f886f rgb(31,136,111)
```
#881f38
```
#881f38 rgb(136,31,56)
```

Complementary Color

#1f883b
```
#1f883b rgb(31,136,59)
```
#1f886f
```
#1f886f rgb(31,136,111)
```
#1f6d88
```
#1f6d88 rgb(31,109,136)
```

Analogous Color

#883b1f
```
#883b1f rgb(136,59,31)
```
#1f886f
```
#1f886f rgb(31,136,111)
```
#881f6d
```
#881f6d rgb(136,31,109)
```

Split Complementary Color

#886f1f
```
#886f1f rgb(136,111,31)
```
#1f886f
```
#1f886f rgb(31,136,111)
```
#6f1f88
```
#6f1f88 rgb(111,31,136)
```

Triadic Color

#38881f
```
#38881f rgb(56,136,31)
```
#1f886f
```
#1f886f rgb(31,136,111)
```
#6f1f88
```
#6f1f88 rgb(111,31,136)
```
#881f38
```
#881f38 rgb(136,31,56)
```

Tetradic Color

#114a3c
```
#114a3c rgb(17,74,60)
```
#165e4d
```
#165e4d rgb(22,94,77)
```
#1a735e
```
#1a735e rgb(26,115,94)
```
#1f886f
```
#1f886f rgb(31,136,111)
```
#249d80
```
#249d80 rgb(36,157,128)
```
#28b291
```
#28b291 rgb(40,178,145)
```
#2dc6a2
```
#2dc6a2 rgb(45,198,162)
```

Monochromatic Color

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

#1f8855
```
#1f8855 rgb(31,136,85)
```
#1f885e
```
#1f885e rgb(31,136,94)
```
#1f8866
```
#1f8866 rgb(31,136,102)
```
#1f886f
```
#1f886f rgb(31,136,111)
```
#1f8878
```
#1f8878 rgb(31,136,120)
```
#1f8881
```
#1f8881 rgb(31,136,129)
```
#1f8788
```
#1f8788 rgb(31,135,136)
```

Similar Colors

Text with hexadecimal color #1f886f

This text has a font color of #1f886f.

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

#1f886f background color

This paragraph has a background color of #1f886f.

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

#1f886f border color

This element has a border color of #1f886f.

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

CSS codes

.text {color:#1f886f;}

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

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

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

#020807
```
#020807 rgb(2,8,7)
```
#061814
```
#061814 rgb(6,24,20)
```
#092821
```
#092821 rgb(9,40,33)
```
#0d382e
```
#0d382e rgb(13,56,46)
```
#10483b
```
#10483b rgb(16,72,59)
```
#145848
```
#145848 rgb(20,88,72)
```
#186855
```
#186855 rgb(24,104,85)
```
#1b7862
```
#1b7862 rgb(27,120,98)
```
#1f886f
```
#1f886f rgb(31,136,111)
```
#23987c
```
#23987c rgb(35,152,124)
```
#26a889
```
#26a889 rgb(38,168,137)
```
#2ab896
```
#2ab896 rgb(42,184,150)
```
#2ec8a3
```
#2ec8a3 rgb(46,200,163)
```

Shade Color Variation

#38d2ad
```
#38d2ad rgb(56,210,173)
```
#48d5b3
```
#48d5b3 rgb(72,213,179)
```
#57d9ba
```
#57d9ba rgb(87,217,186)
```
#67dcc1
```
#67dcc1 rgb(103,220,193)
```
#77e0c7
```
#77e0c7 rgb(119,224,199)
```
#87e4ce
```
#87e4ce rgb(135,228,206)
```
#97e7d4
```
#97e7d4 rgb(151,231,212)
```
#a7ebdb
```
#a7ebdb rgb(167,235,219)
```
#b7efe1
```
#b7efe1 rgb(183,239,225)
```
#c7f2e8
```
#c7f2e8 rgb(199,242,232)
```
#d7f6ef
```
#d7f6ef rgb(215,246,239)
```
#e7faf5
```
#e7faf5 rgb(231,250,245)
```
#f7fdfc
```
#f7fdfc rgb(247,253,252)
```

Tint Color Variation

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

#525554
```
#525554 rgb(82,85,84)
```
#4c5b57
```
#4c5b57 rgb(76,91,87)
```
#46615b
```
#46615b rgb(70,97,91)
```
#3f685e
```
#3f685e rgb(63,104,94)
```
#396e62
```
#396e62 rgb(57,110,98)
```
#327565
```
#327565 rgb(50,117,101)
```
#2c7b68
```
#2c7b68 rgb(44,123,104)
```
#25826c
```
#25826c rgb(37,130,108)
```
#1f886f
```
#1f886f rgb(31,136,111)
```
#198e72
```
#198e72 rgb(25,142,114)
```
#129576
```
#129576 rgb(18,149,118)
```
#0c9b79
```
#0c9b79 rgb(12,155,121)
```
#05a27c
```
#05a27c rgb(5,162,124)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#586d68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#857f6f Protanopia 1% of men
#8c7b7c Deuteranopia 1% of men
#3d8994 Tritanopia 0.001% of the population

Trichromacy

#60826f Protanomaly 1% of men, 0.01% of women
#648077 Deuteranomaly 6% of men, 0.4% of women
#328986 Tritanomaly 0.01% of the population

#1f886f hex color

#1f886f Color Information

#1f886f Color Conversion

Color Schemes with #1f886f

Alternatives to #1f886f

#1f886f Preview

Shades and Tints of #1f886f

Tones of #1f886f

Color Blindness Simulator