#316f5c hex color

In a RGB color space, hex #316f5c is composed of 19.2% red, 43.5% green and 36.1% blue. Whereas in a CMYK color space, it is composed of 55.9% cyan, 0% magenta, 17.1% yellow and 56.5% black. It has a hue angle of 161.6 degrees, a saturation of 38.8% and a lightness of 31.4%. #316f5c color hex could be obtained by blending #62deb8 with #000000. Closest websafe color is: #336666.

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

● #316f5c color description : Very dark desaturated cyan - lime green.

The hexadecimal color #316f5c has RGB values of R:49, G:111, B:92 and CMYK values of C:0.56, M:0, Y:0.17, K:0.56. Its decimal value is 3239772.

Hex triplet	316f5c	`#316f5c`
RGB Decimal	49, 111, 92	`rgb(49,111,92)`
RGB Percent	19.2, 43.5, 36.1	`rgb(19.2%,43.5%,36.1%)`
CMYK	56, 0, 17, 56
HSL	161.6°, 38.8, 31.4	`hsl(161.6,38.8%,31.4%)`
HSV (or HSB)	161.6°, 55.9, 43.5
Web Safe	336666	`#336666`

CIE-LAB	42.451, -25.046, 4.554
XYZ	8.882, 12.794, 12.126
xyY	0.263, 0.378, 12.794
CIE-LCH	42.451, 25.457, 169.695
CIE-LUV	42.451, -26.509, 9.471
Hunter-Lab	35.769, -18.269, 4.938
Binary	00110001, 01101111, 01011100

#316f5c
```
#316f5c rgb(49,111,92)
```
#6f3144
```
#6f3144 rgb(111,49,68)
```

Complementary Color

#316f3d
```
#316f3d rgb(49,111,61)
```
#316f5c
```
#316f5c rgb(49,111,92)
```
#31636f
```
#31636f rgb(49,99,111)
```

Analogous Color

#6f3d31
```
#6f3d31 rgb(111,61,49)
```
#316f5c
```
#316f5c rgb(49,111,92)
```
#6f3163
```
#6f3163 rgb(111,49,99)
```

Split Complementary Color

#6f5c31
```
#6f5c31 rgb(111,92,49)
```
#316f5c
```
#316f5c rgb(49,111,92)
```
#5c316f
```
#5c316f rgb(92,49,111)
```

Triadic Color

#446f31
```
#446f31 rgb(68,111,49)
```
#316f5c
```
#316f5c rgb(49,111,92)
```
#5c316f
```
#5c316f rgb(92,49,111)
```
#6f3144
```
#6f3144 rgb(111,49,68)
```

Tetradic Color

#1a3a30
```
#1a3a30 rgb(26,58,48)
```
#214c3f
```
#214c3f rgb(33,76,63)
```
#295d4d
```
#295d4d rgb(41,93,77)
```
#316f5c
```
#316f5c rgb(49,111,92)
```
#39816b
```
#39816b rgb(57,129,107)
```
#419279
```
#419279 rgb(65,146,121)
```
#48a488
```
#48a488 rgb(72,164,136)
```

Monochromatic Color

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

#316f4d
```
#316f4d rgb(49,111,77)
```
#316f52
```
#316f52 rgb(49,111,82)
```
#316f57
```
#316f57 rgb(49,111,87)
```
#316f5c
```
#316f5c rgb(49,111,92)
```
#316f61
```
#316f61 rgb(49,111,97)
```
#316f66
```
#316f66 rgb(49,111,102)
```
#316f6c
```
#316f6c rgb(49,111,108)
```

Similar Colors

Text with hexadecimal color #316f5c

This text has a font color of #316f5c.

<span style="color:#316f5c;">Text here</span>

#316f5c background color

This paragraph has a background color of #316f5c.

<p style="background-color:#316f5c;">Content here</p>

#316f5c border color

This element has a border color of #316f5c.

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

CSS codes

.text {color:#316f5c;}

.background {background-color:#316f5c;}

.border {border:1px solid #316f5c;}

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

#010202
```
#010202 rgb(1,2,2)
```
#07100d
```
#07100d rgb(7,16,13)
```
#0d1d18
```
#0d1d18 rgb(13,29,24)
```
#132b24
```
#132b24 rgb(19,43,36)
```
#19392f
```
#19392f rgb(25,57,47)
```
#1f463a
```
#1f463a rgb(31,70,58)
```
#255445
```
#255445 rgb(37,84,69)
```
#2b6151
```
#2b6151 rgb(43,97,81)
```
#316f5c
```
#316f5c rgb(49,111,92)
```
#377d67
```
#377d67 rgb(55,125,103)
```
#3d8a73
```
#3d8a73 rgb(61,138,115)
```
#43987e
```
#43987e rgb(67,152,126)
```
#49a589
```
#49a589 rgb(73,165,137)
```

Shade Color Variation

#50b294
```
#50b294 rgb(80,178,148)
```
#5eb89c
```
#5eb89c rgb(94,184,156)
```
#6bbea5
```
#6bbea5 rgb(107,190,165)
```
#79c4ad
```
#79c4ad rgb(121,196,173)
```
#87cab5
```
#87cab5 rgb(135,202,181)
```
#94d0be
```
#94d0be rgb(148,208,190)
```
#a2d6c6
```
#a2d6c6 rgb(162,214,198)
```
#afdcce
```
#afdcce rgb(175,220,206)
```
#bde2d7
```
#bde2d7 rgb(189,226,215)
```
#cbe8df
```
#cbe8df rgb(203,232,223)
```
#d8eee7
```
#d8eee7 rgb(216,238,231)
```
#e6f4f0
```
#e6f4f0 rgb(230,244,240)
```
#f4faf8
```
#f4faf8 rgb(244,250,248)
```

Tint Color Variation

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

#505050
```
#505050 rgb(80,80,80)
```
#4a5652
```
#4a5652 rgb(74,86,82)
```
#435d55
```
#435d55 rgb(67,93,85)
```
#3d6357
```
#3d6357 rgb(61,99,87)
```
#37695a
```
#37695a rgb(55,105,90)
```
#316f5c
```
#316f5c rgb(49,111,92)
```
#2b755e
```
#2b755e rgb(43,117,94)
```
#257b61
```
#257b61 rgb(37,123,97)
```
#1f8163
```
#1f8163 rgb(31,129,99)
```
#188866
```
#188866 rgb(24,136,102)
```
#128e68
```
#128e68 rgb(18,142,104)
```
#0c946a
```
#0c946a rgb(12,148,106)
```
#069a6d
```
#069a6d rgb(6,154,109)
```

Tone Color Variation

Below, you can see how #316f5c 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

#5a5a5a Achromatopsia 0.005% of the population
#525e5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#716b5f Protanopia 1% of men
#776869 Deuteranopia 1% of men
#44737b Tritanopia 0.001% of the population

Trichromacy

#596d5e Protanomaly 1% of men, 0.01% of women
#5d6b64 Deuteranomaly 6% of men, 0.4% of women
#3d7170 Tritanomaly 0.01% of the population

#316f5c hex color

#316f5c Color Information

#316f5c Color Conversion

Color Schemes with #316f5c

Alternatives to #316f5c

#316f5c Preview

Shades and Tints of #316f5c

Tones of #316f5c

Color Blindness Simulator