#31716f hex color

In a RGB color space, hex #31716f is composed of 19.2% red, 44.3% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 56.6% cyan, 0% magenta, 1.8% yellow and 55.7% black. It has a hue angle of 178.1 degrees, a saturation of 39.5% and a lightness of 31.8%. #31716f color hex could be obtained by blending #62e2de with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 44
- B 44
RGB color chart
- C 57
- M 0
- Y 2
- K 56
CMYK color chart

● #31716f color description : Very dark desaturated cyan.

The hexadecimal color #31716f has RGB values of R:49, G:113, B:111 and CMYK values of C:0.57, M:0, Y:0.02, K:0.56. Its decimal value is 3240303.

Hex triplet	31716f	`#31716f`
RGB Decimal	49, 113, 111	`rgb(49,113,111)`
RGB Percent	19.2, 44.3, 43.5	`rgb(19.2%,44.3%,43.5%)`
CMYK	57, 0, 2, 56
HSL	178.1°, 39.5, 31.8	`hsl(178.1,39.5%,31.8%)`
HSV (or HSB)	178.1°, 56.6, 44.3
Web Safe	336666	`#336666`

CIE-LAB	43.669, -20.834, -5.104
XYZ	10.04, 13.61, 17.136
xyY	0.246, 0.334, 13.61
CIE-LCH	43.669, 21.45, 193.765
CIE-LUV	43.669, -26.473, -4.059
Hunter-Lab	36.892, -15.982, -1.715
Binary	00110001, 01110001, 01101111

#31716f
```
#31716f rgb(49,113,111)
```
#713133
```
#713133 rgb(113,49,51)
```

Complementary Color

#31714f
```
#31714f rgb(49,113,79)
```
#31716f
```
#31716f rgb(49,113,111)
```
#315371
```
#315371 rgb(49,83,113)
```

Analogous Color

#714f31
```
#714f31 rgb(113,79,49)
```
#31716f
```
#31716f rgb(49,113,111)
```
#713153
```
#713153 rgb(113,49,83)
```

Split Complementary Color

#716f31
```
#716f31 rgb(113,111,49)
```
#31716f
```
#31716f rgb(49,113,111)
```
#6f3171
```
#6f3171 rgb(111,49,113)
```

Triadic Color

#337131
```
#337131 rgb(51,113,49)
```
#31716f
```
#31716f rgb(49,113,111)
```
#6f3171
```
#6f3171 rgb(111,49,113)
```
#713133
```
#713133 rgb(113,49,51)
```

Tetradic Color

#1a3c3b
```
#1a3c3b rgb(26,60,59)
```
#224d4c
```
#224d4c rgb(34,77,76)
```
#295f5e
```
#295f5e rgb(41,95,94)
```
#31716f
```
#31716f rgb(49,113,111)
```
#398380
```
#398380 rgb(57,131,128)
```
#409592
```
#409592 rgb(64,149,146)
```
#48a6a3
```
#48a6a3 rgb(72,166,163)
```

Monochromatic Color

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

#31715f
```
#31715f rgb(49,113,95)
```
#317164
```
#317164 rgb(49,113,100)
```
#31716a
```
#31716a rgb(49,113,106)
```
#31716f
```
#31716f rgb(49,113,111)
```
#316e71
```
#316e71 rgb(49,110,113)
```
#316871
```
#316871 rgb(49,104,113)
```
#316371
```
#316371 rgb(49,99,113)
```

Similar Colors

Text with hexadecimal color #31716f

This text has a font color of #31716f.

<span style="color:#31716f;">Text here</span>

#31716f background color

This paragraph has a background color of #31716f.

<p style="background-color:#31716f;">Content here</p>

#31716f border color

This element has a border color of #31716f.

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

CSS codes

.text {color:#31716f;}

.background {background-color:#31716f;}

.border {border:1px solid #31716f;}

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

#020403
```
#020403 rgb(2,4,3)
```
#071111
```
#071111 rgb(7,17,17)
```
#0d1f1e
```
#0d1f1e rgb(13,31,30)
```
#132d2c
```
#132d2c rgb(19,45,44)
```
#193a39
```
#193a39 rgb(25,58,57)
```
#1f4847
```
#1f4847 rgb(31,72,71)
```
#255654
```
#255654 rgb(37,86,84)
```
#2b6362
```
#2b6362 rgb(43,99,98)
```
#31716f
```
#31716f rgb(49,113,111)
```
#377f7c
```
#377f7c rgb(55,127,124)
```
#3d8c8a
```
#3d8c8a rgb(61,140,138)
```
#439a97
```
#439a97 rgb(67,154,151)
```
#49a8a5
```
#49a8a5 rgb(73,168,165)
```

Shade Color Variation

#51b3b0
```
#51b3b0 rgb(81,179,176)
```
#5eb9b6
```
#5eb9b6 rgb(94,185,182)
```
#6cbfbd
```
#6cbfbd rgb(108,191,189)
```
#7ac5c3
```
#7ac5c3 rgb(122,197,195)
```
#87cbc9
```
#87cbc9 rgb(135,203,201)
```
#95d1cf
```
#95d1cf rgb(149,209,207)
```
#a3d7d5
```
#a3d7d5 rgb(163,215,213)
```
#b0dddc
```
#b0dddc rgb(176,221,220)
```
#bee3e2
```
#bee3e2 rgb(190,227,226)
```
#cce9e8
```
#cce9e8 rgb(204,233,232)
```
#d9efee
```
#d9efee rgb(217,239,238)
```
#e7f5f4
```
#e7f5f4 rgb(231,245,244)
```
#f5fbfa
```
#f5fbfa rgb(245,251,250)
```

Tint Color Variation

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

#505252
```
#505252 rgb(80,82,82)
```
#4a5858
```
#4a5858 rgb(74,88,88)
```
#445e5d
```
#445e5d rgb(68,94,93)
```
#3d6563
```
#3d6563 rgb(61,101,99)
```
#376b69
```
#376b69 rgb(55,107,105)
```
#31716f
```
#31716f rgb(49,113,111)
```
#2b7775
```
#2b7775 rgb(43,119,117)
```
#257d7b
```
#257d7b rgb(37,125,123)
```
#1e8481
```
#1e8481 rgb(30,132,129)
```
#188a86
```
#188a86 rgb(24,138,134)
```
#12908c
```
#12908c rgb(18,144,140)
```
#0c9692
```
#0c9692 rgb(12,150,146)
```
#059d98
```
#059d98 rgb(5,157,152)
```

Tone Color Variation

Below, you can see how #31716f 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

#5e5e5e Achromatopsia 0.005% of the population
#556261 Atypical Achromatopsia 0.001% of the population

Dichromacy

#706e71 Protanopia 1% of men
#736c7a Deuteranopia 1% of men
#3f767f Tritanopia 0.001% of the population

Trichromacy

#596f70 Protanomaly 1% of men, 0.01% of women
#5b6e76 Deuteranomaly 6% of men, 0.4% of women
#3a7479 Tritanomaly 0.01% of the population

#31716f hex color

#31716f Color Information

#31716f Color Conversion

Color Schemes with #31716f

Alternatives to #31716f

#31716f Preview

Shades and Tints of #31716f

Tones of #31716f

Color Blindness Simulator