#1f857f hex color

In a RGB color space, hex #1f857f is composed of 12.2% red, 52.2% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 76.7% cyan, 0% magenta, 4.5% yellow and 47.8% black. It has a hue angle of 176.5 degrees, a saturation of 62.2% and a lightness of 32.2%. #1f857f color hex could be obtained by blending #3efffe with #000b00. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 12
- G 52
- B 50
RGB color chart
- C 77
- M 0
- Y 5
- K 48
CMYK color chart

● #1f857f color description : Dark cyan.

The hexadecimal color #1f857f has RGB values of R:31, G:133, B:127 and CMYK values of C:0.77, M:0, Y:0.05, K:0.48. Its decimal value is 2065791.

Hex triplet	1f857f	`#1f857f`
RGB Decimal	31, 133, 127	`rgb(31,133,127)`
RGB Percent	12.2, 52.2, 49.8	`rgb(12.2%,52.2%,49.8%)`
CMYK	77, 0, 5, 48
HSL	176.5°, 62.2, 32.2	`hsl(176.5,62.2%,32.2%)`
HSV (or HSB)	176.5°, 76.7, 52.2
Web Safe	339966	`#339966`

CIE-LAB	50.213, -29.232, -4.94
XYZ	12.782, 18.597, 22.994
xyY	0.235, 0.342, 18.597
CIE-LCH	50.213, 29.647, 189.592
CIE-LUV	50.213, -36.621, -2.829
Hunter-Lab	43.125, -22.561, -1.425
Binary	00011111, 10000101, 01111111

#1f857f
```
#1f857f rgb(31,133,127)
```
#851f25
```
#851f25 rgb(133,31,37)
```

Complementary Color

#1f854c
```
#1f854c rgb(31,133,76)
```
#1f857f
```
#1f857f rgb(31,133,127)
```
#1f5885
```
#1f5885 rgb(31,88,133)
```

Analogous Color

#854c1f
```
#854c1f rgb(133,76,31)
```
#1f857f
```
#1f857f rgb(31,133,127)
```
#851f58
```
#851f58 rgb(133,31,88)
```

Split Complementary Color

#857f1f
```
#857f1f rgb(133,127,31)
```
#1f857f
```
#1f857f rgb(31,133,127)
```
#7f1f85
```
#7f1f85 rgb(127,31,133)
```

Triadic Color

#25851f
```
#25851f rgb(37,133,31)
```
#1f857f
```
#1f857f rgb(31,133,127)
```
#7f1f85
```
#7f1f85 rgb(127,31,133)
```
#851f25
```
#851f25 rgb(133,31,37)
```

Tetradic Color

#114744
```
#114744 rgb(17,71,68)
```
#155c58
```
#155c58 rgb(21,92,88)
```
#1a706b
```
#1a706b rgb(26,112,107)
```
#1f857f
```
#1f857f rgb(31,133,127)
```
#249a93
```
#249a93 rgb(36,154,147)
```
#29aea6
```
#29aea6 rgb(41,174,166)
```
#2dc3ba
```
#2dc3ba rgb(45,195,186)
```

Monochromatic Color

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

#1f8566
```
#1f8566 rgb(31,133,102)
```
#1f856e
```
#1f856e rgb(31,133,110)
```
#1f8577
```
#1f8577 rgb(31,133,119)
```
#1f857f
```
#1f857f rgb(31,133,127)
```
#1f8385
```
#1f8385 rgb(31,131,133)
```
#1f7a85
```
#1f7a85 rgb(31,122,133)
```
#1f7285
```
#1f7285 rgb(31,114,133)
```

Similar Colors

Text with hexadecimal color #1f857f

This text has a font color of #1f857f.

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

#1f857f background color

This paragraph has a background color of #1f857f.

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

#1f857f border color

This element has a border color of #1f857f.

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

CSS codes

.text {color:#1f857f;}

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

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

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

#010605
```
#010605 rgb(1,6,5)
```
#051615
```
#051615 rgb(5,22,21)
```
#092624
```
#092624 rgb(9,38,36)
```
#0c3533
```
#0c3533 rgb(12,53,51)
```
#104542
```
#104542 rgb(16,69,66)
```
#145551
```
#145551 rgb(20,85,81)
```
#186561
```
#186561 rgb(24,101,97)
```
#1b7570
```
#1b7570 rgb(27,117,112)
```
#1f857f
```
#1f857f rgb(31,133,127)
```
#23958e
```
#23958e rgb(35,149,142)
```
#26a59d
```
#26a59d rgb(38,165,157)
```
#2ab5ad
```
#2ab5ad rgb(42,181,173)
```
#2ec5bc
```
#2ec5bc rgb(46,197,188)
```

Shade Color Variation

#36d0c7
```
#36d0c7 rgb(54,208,199)
```
#46d4cb
```
#46d4cb rgb(70,212,203)
```
#56d8d0
```
#56d8d0 rgb(86,216,208)
```
#66dbd4
```
#66dbd4 rgb(102,219,212)
```
#76dfd9
```
#76dfd9 rgb(118,223,217)
```
#85e3dd
```
#85e3dd rgb(133,227,221)
```
#95e6e2
```
#95e6e2 rgb(149,230,226)
```
#a5eae6
```
#a5eae6 rgb(165,234,230)
```
#b5eeea
```
#b5eeea rgb(181,238,234)
```
#c5f2ef
```
#c5f2ef rgb(197,242,239)
```
#d5f5f3
```
#d5f5f3 rgb(213,245,243)
```
#e5f9f8
```
#e5f9f8 rgb(229,249,248)
```
#f5fdfc
```
#f5fdfc rgb(245,253,252)
```

Tint Color Variation

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

#515352
```
#515352 rgb(81,83,82)
```
#4b5958
```
#4b5958 rgb(75,89,88)
```
#455f5e
```
#455f5e rgb(69,95,94)
```
#3f6563
```
#3f6563 rgb(63,101,99)
```
#386c69
```
#386c69 rgb(56,108,105)
```
#32726e
```
#32726e rgb(50,114,110)
```
#2c7874
```
#2c7874 rgb(44,120,116)
```
#257f79
```
#257f79 rgb(37,127,121)
```
#1f857f
```
#1f857f rgb(31,133,127)
```
#198b85
```
#198b85 rgb(25,139,133)
```
#12928a
```
#12928a rgb(18,146,138)
```
#0c9890
```
#0c9890 rgb(12,152,144)
```
#069e95
```
#069e95 rgb(6,158,149)
```

Tone Color Variation

Below, you can see how #1f857f 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
#586c6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#807d7e Protanopia 1% of men
#837b8b Deuteranopia 1% of men
#358993 Tritanopia 0.001% of the population

Trichromacy

#5d807e Protanomaly 1% of men, 0.01% of women
#5f7e86 Deuteranomaly 6% of men, 0.4% of women
#2d878b Tritanomaly 0.01% of the population

#1f857f hex color

#1f857f Color Information

#1f857f Color Conversion

Color Schemes with #1f857f

Alternatives to #1f857f

#1f857f Preview

Shades and Tints of #1f857f

Tones of #1f857f

Color Blindness Simulator