#1f877f hex color

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

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

● #1f877f color description : Dark cyan.

The hexadecimal color #1f877f has RGB values of R:31, G:135, B:127 and CMYK values of C:0.77, M:0, Y:0.06, K:0.47. Its decimal value is 2066303.

Hex triplet	1f877f	`#1f877f`
RGB Decimal	31, 135, 127	`rgb(31,135,127)`
RGB Percent	12.2, 52.9, 49.8	`rgb(12.2%,52.9%,49.8%)`
CMYK	77, 0, 6, 47
HSL	175.4°, 62.7, 32.5	`hsl(175.4,62.7%,32.5%)`
HSV (or HSB)	175.4°, 77, 52.9
Web Safe	339966	`#339966`

CIE-LAB	50.863, -30.199, -3.979
XYZ	13.059, 19.15, 23.086
xyY	0.236, 0.346, 19.15
CIE-LCH	50.863, 30.46, 187.505
CIE-LUV	50.863, -37.36, -1.307
Hunter-Lab	43.761, -23.316, -0.645
Binary	00011111, 10000111, 01111111

#1f877f
```
#1f877f rgb(31,135,127)
```
#871f27
```
#871f27 rgb(135,31,39)
```

Complementary Color

#1f874b
```
#1f874b rgb(31,135,75)
```
#1f877f
```
#1f877f rgb(31,135,127)
```
#1f5b87
```
#1f5b87 rgb(31,91,135)
```

Analogous Color

#874b1f
```
#874b1f rgb(135,75,31)
```
#1f877f
```
#1f877f rgb(31,135,127)
```
#871f5b
```
#871f5b rgb(135,31,91)
```

Split Complementary Color

#877f1f
```
#877f1f rgb(135,127,31)
```
#1f877f
```
#1f877f rgb(31,135,127)
```
#7f1f87
```
#7f1f87 rgb(127,31,135)
```

Triadic Color

#27871f
```
#27871f rgb(39,135,31)
```
#1f877f
```
#1f877f rgb(31,135,127)
```
#7f1f87
```
#7f1f87 rgb(127,31,135)
```
#871f27
```
#871f27 rgb(135,31,39)
```

Tetradic Color

#114944
```
#114944 rgb(17,73,68)
```
#155e58
```
#155e58 rgb(21,94,88)
```
#1a726b
```
#1a726b rgb(26,114,107)
```
#1f877f
```
#1f877f rgb(31,135,127)
```
#249c93
```
#249c93 rgb(36,156,147)
```
#29b0a6
```
#29b0a6 rgb(41,176,166)
```
#2dc5ba
```
#2dc5ba rgb(45,197,186)
```

Monochromatic Color

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

#1f8765
```
#1f8765 rgb(31,135,101)
```
#1f876e
```
#1f876e rgb(31,135,110)
```
#1f8776
```
#1f8776 rgb(31,135,118)
```
#1f877f
```
#1f877f rgb(31,135,127)
```
#1f8687
```
#1f8687 rgb(31,134,135)
```
#1f7e87
```
#1f7e87 rgb(31,126,135)
```
#1f7587
```
#1f7587 rgb(31,117,135)
```

Similar Colors

Text with hexadecimal color #1f877f

This text has a font color of #1f877f.

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

#1f877f background color

This paragraph has a background color of #1f877f.

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

#1f877f border color

This element has a border color of #1f877f.

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

CSS codes

.text {color:#1f877f;}

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

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

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

#020707
```
#020707 rgb(2,7,7)
```
#051716
```
#051716 rgb(5,23,22)
```
#092725
```
#092725 rgb(9,39,37)
```
#0d3734
```
#0d3734 rgb(13,55,52)
```
#104743
```
#104743 rgb(16,71,67)
```
#145752
```
#145752 rgb(20,87,82)
```
#186761
```
#186761 rgb(24,103,97)
```
#1b7770
```
#1b7770 rgb(27,119,112)
```
#1f877f
```
#1f877f rgb(31,135,127)
```
#23978e
```
#23978e rgb(35,151,142)
```
#26a79d
```
#26a79d rgb(38,167,157)
```
#2ab7ac
```
#2ab7ac rgb(42,183,172)
```
#2ec7bb
```
#2ec7bb rgb(46,199,187)
```

Shade Color Variation

#37d1c5
```
#37d1c5 rgb(55,209,197)
```
#47d5ca
```
#47d5ca rgb(71,213,202)
```
#57d8ce
```
#57d8ce rgb(87,216,206)
```
#67dcd3
```
#67dcd3 rgb(103,220,211)
```
#77e0d8
```
#77e0d8 rgb(119,224,216)
```
#87e3dc
```
#87e3dc rgb(135,227,220)
```
#97e7e1
```
#97e7e1 rgb(151,231,225)
```
#a7ebe5
```
#a7ebe5 rgb(167,235,229)
```
#b7eeea
```
#b7eeea rgb(183,238,234)
```
#c7f2ef
```
#c7f2ef rgb(199,242,239)
```
#d7f6f3
```
#d7f6f3 rgb(215,246,243)
```
#e6f9f8
```
#e6f9f8 rgb(230,249,248)
```
#f6fdfd
```
#f6fdfd rgb(246,253,253)
```

Tint Color Variation

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

#525454
```
#525454 rgb(82,84,84)
```
#4c5a59
```
#4c5a59 rgb(76,90,89)
```
#45615f
```
#45615f rgb(69,97,95)
```
#3f6764
```
#3f6764 rgb(63,103,100)
```
#396d69
```
#396d69 rgb(57,109,105)
```
#32746f
```
#32746f rgb(50,116,111)
```
#2c7a74
```
#2c7a74 rgb(44,122,116)
```
#25817a
```
#25817a rgb(37,129,122)
```
#1f877f
```
#1f877f rgb(31,135,127)
```
#198d84
```
#198d84 rgb(25,141,132)
```
#12948a
```
#12948a rgb(18,148,138)
```
#0c9a8f
```
#0c9a8f rgb(12,154,143)
```
#05a195
```
#05a195 rgb(5,161,149)
```

Tone Color Variation

Below, you can see how #1f877f 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
#596d6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#827f7e Protanopia 1% of men
#867c8b Deuteranopia 1% of men
#368a95 Tritanopia 0.001% of the population

Trichromacy

#5e827e Protanomaly 1% of men, 0.01% of women
#608087 Deuteranomaly 6% of men, 0.4% of women
#2e898d Tritanomaly 0.01% of the population

#1f877f hex color

#1f877f Color Information

#1f877f Color Conversion

Color Schemes with #1f877f

Alternatives to #1f877f

#1f877f Preview

Shades and Tints of #1f877f

Tones of #1f877f

Color Blindness Simulator