#1f887b hex color

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

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

● #1f887b color description : Dark cyan.

The hexadecimal color #1f887b has RGB values of R:31, G:136, B:123 and CMYK values of C:0.77, M:0, Y:0.1, K:0.47. Its decimal value is 2066555.

Hex triplet	1f887b	`#1f887b`
RGB Decimal	31, 136, 123	`rgb(31,136,123)`
RGB Percent	12.2, 53.3, 48.2	`rgb(12.2%,53.3%,48.2%)`
CMYK	77, 0, 10, 47
HSL	172.6°, 62.9, 32.7	`hsl(172.6,62.9%,32.7%)`
HSV (or HSB)	172.6°, 77.2, 53.3
Web Safe	339966	`#339966`

CIE-LAB	51.069, -31.852, -1.342
XYZ	12.943, 19.328, 21.786
xyY	0.239, 0.358, 19.328
CIE-LCH	51.069, 31.88, 182.412
CIE-LUV	51.069, -38.002, 2.706
Hunter-Lab	43.964, -24.386, 1.394
Binary	00011111, 10001000, 01111011

#1f887b
```
#1f887b rgb(31,136,123)
```
#881f2c
```
#881f2c rgb(136,31,44)
```

Complementary Color

#1f8847
```
#1f8847 rgb(31,136,71)
```
#1f887b
```
#1f887b rgb(31,136,123)
```
#1f6188
```
#1f6188 rgb(31,97,136)
```

Analogous Color

#88471f
```
#88471f rgb(136,71,31)
```
#1f887b
```
#1f887b rgb(31,136,123)
```
#881f61
```
#881f61 rgb(136,31,97)
```

Split Complementary Color

#887b1f
```
#887b1f rgb(136,123,31)
```
#1f887b
```
#1f887b rgb(31,136,123)
```
#7b1f88
```
#7b1f88 rgb(123,31,136)
```

Triadic Color

#2c881f
```
#2c881f rgb(44,136,31)
```
#1f887b
```
#1f887b rgb(31,136,123)
```
#7b1f88
```
#7b1f88 rgb(123,31,136)
```
#881f2c
```
#881f2c rgb(136,31,44)
```

Tetradic Color

#114a43
```
#114a43 rgb(17,74,67)
```
#165e55
```
#165e55 rgb(22,94,85)
```
#1a7368
```
#1a7368 rgb(26,115,104)
```
#1f887b
```
#1f887b rgb(31,136,123)
```
#249d8e
```
#249d8e rgb(36,157,142)
```
#28b2a1
```
#28b2a1 rgb(40,178,161)
```
#2dc6b3
```
#2dc6b3 rgb(45,198,179)
```

Monochromatic Color

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

#1f8861
```
#1f8861 rgb(31,136,97)
```
#1f886a
```
#1f886a rgb(31,136,106)
```
#1f8872
```
#1f8872 rgb(31,136,114)
```
#1f887b
```
#1f887b rgb(31,136,123)
```
#1f8884
```
#1f8884 rgb(31,136,132)
```
#1f8488
```
#1f8488 rgb(31,132,136)
```
#1f7b88
```
#1f7b88 rgb(31,123,136)
```

Similar Colors

Text with hexadecimal color #1f887b

This text has a font color of #1f887b.

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

#1f887b background color

This paragraph has a background color of #1f887b.

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

#1f887b border color

This element has a border color of #1f887b.

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

CSS codes

.text {color:#1f887b;}

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

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

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)
```
#061816
```
#061816 rgb(6,24,22)
```
#092824
```
#092824 rgb(9,40,36)
```
#0d3833
```
#0d3833 rgb(13,56,51)
```
#104841
```
#104841 rgb(16,72,65)
```
#145850
```
#145850 rgb(20,88,80)
```
#18685e
```
#18685e rgb(24,104,94)
```
#1b786d
```
#1b786d rgb(27,120,109)
```
#1f887b
```
#1f887b rgb(31,136,123)
```
#239889
```
#239889 rgb(35,152,137)
```
#26a898
```
#26a898 rgb(38,168,152)
```
#2ab8a6
```
#2ab8a6 rgb(42,184,166)
```
#2ec8b5
```
#2ec8b5 rgb(46,200,181)
```

Shade Color Variation

#38d2be
```
#38d2be rgb(56,210,190)
```
#48d5c4
```
#48d5c4 rgb(72,213,196)
```
#57d9c9
```
#57d9c9 rgb(87,217,201)
```
#67dcce
```
#67dcce rgb(103,220,206)
```
#77e0d3
```
#77e0d3 rgb(119,224,211)
```
#87e4d8
```
#87e4d8 rgb(135,228,216)
```
#97e7dd
```
#97e7dd rgb(151,231,221)
```
#a7ebe3
```
#a7ebe3 rgb(167,235,227)
```
#b7efe8
```
#b7efe8 rgb(183,239,232)
```
#c7f2ed
```
#c7f2ed rgb(199,242,237)
```
#d7f6f2
```
#d7f6f2 rgb(215,246,242)
```
#e7faf7
```
#e7faf7 rgb(231,250,247)
```
#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 #05a28e is the most saturated one.

#525554
```
#525554 rgb(82,85,84)
```
#4c5b59
```
#4c5b59 rgb(76,91,89)
```
#46615e
```
#46615e rgb(70,97,94)
```
#3f6863
```
#3f6863 rgb(63,104,99)
```
#396e68
```
#396e68 rgb(57,110,104)
```
#32756d
```
#32756d rgb(50,117,109)
```
#2c7b71
```
#2c7b71 rgb(44,123,113)
```
#258276
```
#258276 rgb(37,130,118)
```
#1f887b
```
#1f887b rgb(31,136,123)
```
#198e80
```
#198e80 rgb(25,142,128)
```
#129585
```
#129585 rgb(18,149,133)
```
#0c9b89
```
#0c9b89 rgb(12,155,137)
```
#05a28e
```
#05a28e rgb(5,162,142)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#596e6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#84807a Protanopia 1% of men
#887d88 Deuteranopia 1% of men
#398b95 Tritanopia 0.001% of the population

Trichromacy

#5f827a Protanomaly 1% of men, 0.01% of women
#628183 Deuteranomaly 6% of men, 0.4% of women
#2f8a8b Tritanomaly 0.01% of the population

#1f887b hex color

#1f887b Color Information

#1f887b Color Conversion

Color Schemes with #1f887b

Alternatives to #1f887b

#1f887b Preview

Shades and Tints of #1f887b

Tones of #1f887b

Color Blindness Simulator