#1f885f hex color

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

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

● #1f885f color description : Dark cyan - lime green.

The hexadecimal color #1f885f has RGB values of R:31, G:136, B:95 and CMYK values of C:0.77, M:0, Y:0.3, K:0.47. Its decimal value is 2066527.

Hex triplet	1f885f	`#1f885f`
RGB Decimal	31, 136, 95	`rgb(31,136,95)`
RGB Percent	12.2, 53.3, 37.3	`rgb(12.2%,53.3%,37.3%)`
CMYK	77, 0, 30, 47
HSL	156.6°, 62.9, 32.7	`hsl(156.6,62.9%,32.7%)`
HSV (or HSB)	156.6°, 77.2, 53.3
Web Safe	339966	`#339966`

CIE-LAB	50.364, -39.225, 13.867
XYZ	11.434, 18.725, 13.837
xyY	0.26, 0.426, 18.725
CIE-LCH	50.364, 41.604, 160.531
CIE-LUV	50.364, -39.828, 23.897
Hunter-Lab	43.272, -28.561, 11.331
Binary	00011111, 10001000, 01011111

#1f885f
```
#1f885f rgb(31,136,95)
```
#881f48
```
#881f48 rgb(136,31,72)
```

Complementary Color

#1f882b
```
#1f882b rgb(31,136,43)
```
#1f885f
```
#1f885f rgb(31,136,95)
```
#1f7d88
```
#1f7d88 rgb(31,125,136)
```

Analogous Color

#882b1f
```
#882b1f rgb(136,43,31)
```
#1f885f
```
#1f885f rgb(31,136,95)
```
#881f7d
```
#881f7d rgb(136,31,125)
```

Split Complementary Color

#885f1f
```
#885f1f rgb(136,95,31)
```
#1f885f
```
#1f885f rgb(31,136,95)
```
#5f1f88
```
#5f1f88 rgb(95,31,136)
```

Triadic Color

#48881f
```
#48881f rgb(72,136,31)
```
#1f885f
```
#1f885f rgb(31,136,95)
```
#5f1f88
```
#5f1f88 rgb(95,31,136)
```
#881f48
```
#881f48 rgb(136,31,72)
```

Tetradic Color

#114a33
```
#114a33 rgb(17,74,51)
```
#165e42
```
#165e42 rgb(22,94,66)
```
#1a7350
```
#1a7350 rgb(26,115,80)
```
#1f885f
```
#1f885f rgb(31,136,95)
```
#249d6e
```
#249d6e rgb(36,157,110)
```
#28b27c
```
#28b27c rgb(40,178,124)
```
#2dc68b
```
#2dc68b rgb(45,198,139)
```

Monochromatic Color

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

#1f8845
```
#1f8845 rgb(31,136,69)
```
#1f884e
```
#1f884e rgb(31,136,78)
```
#1f8856
```
#1f8856 rgb(31,136,86)
```
#1f885f
```
#1f885f rgb(31,136,95)
```
#1f8868
```
#1f8868 rgb(31,136,104)
```
#1f8871
```
#1f8871 rgb(31,136,113)
```
#1f8879
```
#1f8879 rgb(31,136,121)
```

Similar Colors

Text with hexadecimal color #1f885f

This text has a font color of #1f885f.

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

#1f885f background color

This paragraph has a background color of #1f885f.

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

#1f885f border color

This element has a border color of #1f885f.

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

CSS codes

.text {color:#1f885f;}

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

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

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

#020806
```
#020806 rgb(2,8,6)
```
#061811
```
#061811 rgb(6,24,17)
```
#09281c
```
#09281c rgb(9,40,28)
```
#0d3827
```
#0d3827 rgb(13,56,39)
```
#104832
```
#104832 rgb(16,72,50)
```
#14583e
```
#14583e rgb(20,88,62)
```
#186849
```
#186849 rgb(24,104,73)
```
#1b7854
```
#1b7854 rgb(27,120,84)
```
#1f885f
```
#1f885f rgb(31,136,95)
```
#23986a
```
#23986a rgb(35,152,106)
```
#26a875
```
#26a875 rgb(38,168,117)
```
#2ab880
```
#2ab880 rgb(42,184,128)
```
#2ec88c
```
#2ec88c rgb(46,200,140)
```

Shade Color Variation

#38d295
```
#38d295 rgb(56,210,149)
```
#48d59e
```
#48d59e rgb(72,213,158)
```
#57d9a6
```
#57d9a6 rgb(87,217,166)
```
#67dcaf
```
#67dcaf rgb(103,220,175)
```
#77e0b7
```
#77e0b7 rgb(119,224,183)
```
#87e4c0
```
#87e4c0 rgb(135,228,192)
```
#97e7c8
```
#97e7c8 rgb(151,231,200)
```
#a7ebd1
```
#a7ebd1 rgb(167,235,209)
```
#b7efd9
```
#b7efd9 rgb(183,239,217)
```
#c7f2e2
```
#c7f2e2 rgb(199,242,226)
```
#d7f6ea
```
#d7f6ea rgb(215,246,234)
```
#e7faf2
```
#e7faf2 rgb(231,250,242)
```
#f7fdfb
```
#f7fdfb rgb(247,253,251)
```

Tint Color Variation

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

#525554
```
#525554 rgb(82,85,84)
```
#4c5b55
```
#4c5b55 rgb(76,91,85)
```
#466157
```
#466157 rgb(70,97,87)
```
#3f6858
```
#3f6858 rgb(63,104,88)
```
#396e59
```
#396e59 rgb(57,110,89)
```
#32755b
```
#32755b rgb(50,117,91)
```
#2c7b5c
```
#2c7b5c rgb(44,123,92)
```
#25825e
```
#25825e rgb(37,130,94)
```
#1f885f
```
#1f885f rgb(31,136,95)
```
#198e60
```
#198e60 rgb(25,142,96)
```
#129562
```
#129562 rgb(18,149,98)
```
#0c9b63
```
#0c9b63 rgb(12,155,99)
```
#05a265
```
#05a265 rgb(5,162,101)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#566b63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#877e60 Protanopia 1% of men
#907a6e Deuteranopia 1% of men
#428892 Tritanopia 0.001% of the population

Trichromacy

#618260 Protanomaly 1% of men, 0.01% of women
#677f68 Deuteranomaly 6% of men, 0.4% of women
#35887f Tritanomaly 0.01% of the population

#1f885f hex color

#1f885f Color Information

#1f885f Color Conversion

Color Schemes with #1f885f

Alternatives to #1f885f

#1f885f Preview

Shades and Tints of #1f885f

Tones of #1f885f

Color Blindness Simulator