#316c5b hex color

In a RGB color space, hex #316c5b is composed of 19.2% red, 42.4% green and 35.7% blue. Whereas in a CMYK color space, it is composed of 54.6% cyan, 0% magenta, 15.7% yellow and 57.6% black. It has a hue angle of 162.7 degrees, a saturation of 37.6% and a lightness of 30.8%. #316c5b color hex could be obtained by blending #62d8b6 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 42
- B 36
RGB color chart
- C 55
- M 0
- Y 16
- K 58
CMYK color chart

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

The hexadecimal color #316c5b has RGB values of R:49, G:108, B:91 and CMYK values of C:0.55, M:0, Y:0.16, K:0.58. Its decimal value is 3239003.

Hex triplet	316c5b	`#316c5b`
RGB Decimal	49, 108, 91	`rgb(49,108,91)`
RGB Percent	19.2, 42.4, 35.7	`rgb(19.2%,42.4%,35.7%)`
CMYK	55, 0, 16, 58
HSL	162.7°, 37.6, 30.8	`hsl(162.7,37.6%,30.8%)`
HSV (or HSB)	162.7°, 54.6, 42.4
Web Safe	336666	`#336666`

CIE-LAB	41.426, -23.784, 3.684
XYZ	8.517, 12.133, 11.79
xyY	0.263, 0.374, 12.133
CIE-LCH	41.426, 24.068, 171.194
CIE-LUV	41.426, -25.321, 8.125
Hunter-Lab	34.832, -17.311, 4.314
Binary	00110001, 01101100, 01011011

#316c5b
```
#316c5b rgb(49,108,91)
```
#6c3142
```
#6c3142 rgb(108,49,66)
```

Complementary Color

#316c3e
```
#316c3e rgb(49,108,62)
```
#316c5b
```
#316c5b rgb(49,108,91)
```
#31606c
```
#31606c rgb(49,96,108)
```

Analogous Color

#6c3e31
```
#6c3e31 rgb(108,62,49)
```
#316c5b
```
#316c5b rgb(49,108,91)
```
#6c3160
```
#6c3160 rgb(108,49,96)
```

Split Complementary Color

#6c5b31
```
#6c5b31 rgb(108,91,49)
```
#316c5b
```
#316c5b rgb(49,108,91)
```
#5b316c
```
#5b316c rgb(91,49,108)
```

Triadic Color

#426c31
```
#426c31 rgb(66,108,49)
```
#316c5b
```
#316c5b rgb(49,108,91)
```
#5b316c
```
#5b316c rgb(91,49,108)
```
#6c3142
```
#6c3142 rgb(108,49,66)
```

Tetradic Color

#19372f
```
#19372f rgb(25,55,47)
```
#21493d
```
#21493d rgb(33,73,61)
```
#295a4c
```
#295a4c rgb(41,90,76)
```
#316c5b
```
#316c5b rgb(49,108,91)
```
#397e6a
```
#397e6a rgb(57,126,106)
```
#418f79
```
#418f79 rgb(65,143,121)
```
#49a187
```
#49a187 rgb(73,161,135)
```

Monochromatic Color

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

#316c4c
```
#316c4c rgb(49,108,76)
```
#316c51
```
#316c51 rgb(49,108,81)
```
#316c56
```
#316c56 rgb(49,108,86)
```
#316c5b
```
#316c5b rgb(49,108,91)
```
#316c60
```
#316c60 rgb(49,108,96)
```
#316c65
```
#316c65 rgb(49,108,101)
```
#316c6a
```
#316c6a rgb(49,108,106)
```

Similar Colors

Text with hexadecimal color #316c5b

This text has a font color of #316c5b.

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

#316c5b background color

This paragraph has a background color of #316c5b.

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

#316c5b border color

This element has a border color of #316c5b.

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

CSS codes

.text {color:#316c5b;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#060e0b
```
#060e0b rgb(6,14,11)
```
#0c1b17
```
#0c1b17 rgb(12,27,23)
```
#122922
```
#122922 rgb(18,41,34)
```
#19362e
```
#19362e rgb(25,54,46)
```
#1f4439
```
#1f4439 rgb(31,68,57)
```
#255144
```
#255144 rgb(37,81,68)
```
#2b5f50
```
#2b5f50 rgb(43,95,80)
```
#316c5b
```
#316c5b rgb(49,108,91)
```
#377966
```
#377966 rgb(55,121,102)
```
#3d8772
```
#3d8772 rgb(61,135,114)
```
#43947d
```
#43947d rgb(67,148,125)
```
#49a288
```
#49a288 rgb(73,162,136)
```

Shade Color Variation

#50af94
```
#50af94 rgb(80,175,148)
```
#5db69c
```
#5db69c rgb(93,182,156)
```
#6bbca4
```
#6bbca4 rgb(107,188,164)
```
#78c2ad
```
#78c2ad rgb(120,194,173)
```
#86c8b5
```
#86c8b5 rgb(134,200,181)
```
#93cebd
```
#93cebd rgb(147,206,189)
```
#a1d4c5
```
#a1d4c5 rgb(161,212,197)
```
#aedace
```
#aedace rgb(174,218,206)
```
#bce0d6
```
#bce0d6 rgb(188,224,214)
```
#c9e7de
```
#c9e7de rgb(201,231,222)
```
#d7ede6
```
#d7ede6 rgb(215,237,230)
```
#e4f3ef
```
#e4f3ef rgb(228,243,239)
```
#f2f9f7
```
#f2f9f7 rgb(242,249,247)
```

Tint Color Variation

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

#495451
```
#495451 rgb(73,84,81)
```
#435a53
```
#435a53 rgb(67,90,83)
```
#3d6056
```
#3d6056 rgb(61,96,86)
```
#376658
```
#376658 rgb(55,102,88)
```
#316c5b
```
#316c5b rgb(49,108,91)
```
#2b725e
```
#2b725e rgb(43,114,94)
```
#257860
```
#257860 rgb(37,120,96)
```
#1f7e63
```
#1f7e63 rgb(31,126,99)
```
#198465
```
#198465 rgb(25,132,101)
```
#138a68
```
#138a68 rgb(19,138,104)
```
#0d906a
```
#0d906a rgb(13,144,106)
```
#07966d
```
#07966d rgb(7,150,109)
```
#019c6f
```
#019c6f rgb(1,156,111)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#505c59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e695e Protanopia 1% of men
#746668 Deuteranopia 1% of men
#437078 Tritanopia 0.001% of the population

Trichromacy

#586a5d Protanomaly 1% of men, 0.01% of women
#5b6863 Deuteranomaly 6% of men, 0.4% of women
#3c6e6d Tritanomaly 0.01% of the population

#316c5b hex color

#316c5b Color Information

#316c5b Color Conversion

Color Schemes with #316c5b

Alternatives to #316c5b

#316c5b Preview

Shades and Tints of #316c5b

Tones of #316c5b

Color Blindness Simulator