#1f8076 hex color

In a RGB color space, hex #1f8076 is composed of 12.2% red, 50.2% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 75.8% cyan, 0% magenta, 7.8% yellow and 49.8% black. It has a hue angle of 173.8 degrees, a saturation of 61% and a lightness of 31.2%. #1f8076 color hex could be obtained by blending #3effec with #000100. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 12
- G 50
- B 46
RGB color chart
- C 76
- M 0
- Y 8
- K 50
CMYK color chart

● #1f8076 color description : Dark cyan.

The hexadecimal color #1f8076 has RGB values of R:31, G:128, B:118 and CMYK values of C:0.76, M:0, Y:0.08, K:0.5. Its decimal value is 2064502.

Hex triplet	1f8076	`#1f8076`
RGB Decimal	31, 128, 118	`rgb(31,128,118)`
RGB Percent	12.2, 50.2, 46.3	`rgb(12.2%,50.2%,46.3%)`
CMYK	76, 0, 8, 50
HSL	173.8°, 61, 31.2	`hsl(173.8,61%,31.2%)`
HSV (or HSB)	173.8°, 75.8, 50.2
Web Safe	339966	`#339966`

CIE-LAB	48.306, -29.501, -2.471
XYZ	11.553, 17.037, 19.818
xyY	0.239, 0.352, 17.037
CIE-LCH	48.306, 29.605, 184.788
CIE-LUV	48.306, -35.37, 0.752
Hunter-Lab	41.275, -22.269, 0.425
Binary	00011111, 10000000, 01110110

#1f8076
```
#1f8076 rgb(31,128,118)
```
#801f29
```
#801f29 rgb(128,31,41)
```

Complementary Color

#1f8046
```
#1f8046 rgb(31,128,70)
```
#1f8076
```
#1f8076 rgb(31,128,118)
```
#1f5a80
```
#1f5a80 rgb(31,90,128)
```

Analogous Color

#80461f
```
#80461f rgb(128,70,31)
```
#1f8076
```
#1f8076 rgb(31,128,118)
```
#801f5a
```
#801f5a rgb(128,31,90)
```

Split Complementary Color

#80761f
```
#80761f rgb(128,118,31)
```
#1f8076
```
#1f8076 rgb(31,128,118)
```
#761f80
```
#761f80 rgb(118,31,128)
```

Triadic Color

#29801f
```
#29801f rgb(41,128,31)
```
#1f8076
```
#1f8076 rgb(31,128,118)
```
#761f80
```
#761f80 rgb(118,31,128)
```
#801f29
```
#801f29 rgb(128,31,41)
```

Tetradic Color

#10423d
```
#10423d rgb(16,66,61)
```
#155750
```
#155750 rgb(21,87,80)
```
#1a6b63
```
#1a6b63 rgb(26,107,99)
```
#1f8076
```
#1f8076 rgb(31,128,118)
```
#249589
```
#249589 rgb(36,149,137)
```
#29a99c
```
#29a99c rgb(41,169,156)
```
#2ebeaf
```
#2ebeaf rgb(46,190,175)
```

Monochromatic Color

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

#1f805e
```
#1f805e rgb(31,128,94)
```
#1f8066
```
#1f8066 rgb(31,128,102)
```
#1f806e
```
#1f806e rgb(31,128,110)
```
#1f8076
```
#1f8076 rgb(31,128,118)
```
#1f807e
```
#1f807e rgb(31,128,126)
```
#1f7a80
```
#1f7a80 rgb(31,122,128)
```
#1f7280
```
#1f7280 rgb(31,114,128)
```

Similar Colors

Text with hexadecimal color #1f8076

This text has a font color of #1f8076.

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

#1f8076 background color

This paragraph has a background color of #1f8076.

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

#1f8076 border color

This element has a border color of #1f8076.

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

CSS codes

.text {color:#1f8076;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#041110
```
#041110 rgb(4,17,16)
```
#08211f
```
#08211f rgb(8,33,31)
```
#0c312d
```
#0c312d rgb(12,49,45)
```
#10413c
```
#10413c rgb(16,65,60)
```
#14514a
```
#14514a rgb(20,81,74)
```
#176059
```
#176059 rgb(23,96,89)
```
#1b7067
```
#1b7067 rgb(27,112,103)
```
#1f8076
```
#1f8076 rgb(31,128,118)
```
#239085
```
#239085 rgb(35,144,133)
```
#27a093
```
#27a093 rgb(39,160,147)
```
#2aafa2
```
#2aafa2 rgb(42,175,162)
```
#2ebfb0
```
#2ebfb0 rgb(46,191,176)
```

Shade Color Variation

#33cebe
```
#33cebe rgb(51,206,190)
```
#43d2c3
```
#43d2c3 rgb(67,210,195)
```
#53d5c8
```
#53d5c8 rgb(83,213,200)
```
#63d9cd
```
#63d9cd rgb(99,217,205)
```
#73ddd2
```
#73ddd2 rgb(115,221,210)
```
#82e1d7
```
#82e1d7 rgb(130,225,215)
```
#92e5dc
```
#92e5dc rgb(146,229,220)
```
#a2e8e1
```
#a2e8e1 rgb(162,232,225)
```
#b2ece6
```
#b2ece6 rgb(178,236,230)
```
#c2f0eb
```
#c2f0eb rgb(194,240,235)
```
#d1f4f0
```
#d1f4f0 rgb(209,244,240)
```
#e1f8f5
```
#e1f8f5 rgb(225,248,245)
```
#f1fcfa
```
#f1fcfa rgb(241,252,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4a5554 is the less saturated color, while #009f8e is the most saturated one.

#4a5554
```
#4a5554 rgb(74,85,84)
```
#445b59
```
#445b59 rgb(68,91,89)
```
#3e615e
```
#3e615e rgb(62,97,94)
```
#376863
```
#376863 rgb(55,104,99)
```
#316e67
```
#316e67 rgb(49,110,103)
```
#2b746c
```
#2b746c rgb(43,116,108)
```
#257a71
```
#257a71 rgb(37,122,113)
```
#1f8076
```
#1f8076 rgb(31,128,118)
```
#19867b
```
#19867b rgb(25,134,123)
```
#138c80
```
#138c80 rgb(19,140,128)
```
#0d9285
```
#0d9285 rgb(13,146,133)
```
#079889
```
#079889 rgb(7,152,137)
```
#009f8e
```
#009f8e rgb(0,159,142)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#556866 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7976 Protanopia 1% of men
#817682 Deuteranopia 1% of men
#36848d Tritanopia 0.001% of the population

Trichromacy

#5a7b76 Protanomaly 1% of men, 0.01% of women
#5d7a7e Deuteranomaly 6% of men, 0.4% of women
#2e8285 Tritanomaly 0.01% of the population

#1f8076 hex color

#1f8076 Color Information

#1f8076 Color Conversion

Color Schemes with #1f8076

Alternatives to #1f8076

#1f8076 Preview

Shades and Tints of #1f8076

Tones of #1f8076

Color Blindness Simulator