#316150 hex color

In a RGB color space, hex #316150 is composed of 19.2% red, 38% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 49.5% cyan, 0% magenta, 17.5% yellow and 62% black. It has a hue angle of 158.8 degrees, a saturation of 32.9% and a lightness of 28.6%. #316150 color hex could be obtained by blending #62c2a0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 38
- B 31
RGB color chart
- C 49
- M 0
- Y 18
- K 62
CMYK color chart

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

The hexadecimal color #316150 has RGB values of R:49, G:97, B:80 and CMYK values of C:0.49, M:0, Y:0.18, K:0.62. Its decimal value is 3236176.

Hex triplet	316150	`#316150`
RGB Decimal	49, 97, 80	`rgb(49,97,80)`
RGB Percent	19.2, 38, 31.4	`rgb(19.2%,38%,31.4%)`
CMYK	49, 0, 18, 62
HSL	158.8°, 32.9, 28.6	`hsl(158.8,32.9%,28.6%)`
HSV (or HSB)	158.8°, 49.5, 38
Web Safe	336666	`#336666`

CIE-LAB	37.447, -20.902, 4.679
XYZ	6.989, 9.781, 9.109
xyY	0.27, 0.378, 9.781
CIE-LCH	37.447, 21.419, 167.382
CIE-LUV	37.447, -21.136, 8.73
Hunter-Lab	31.275, -14.842, 4.624
Binary	00110001, 01100001, 01010000

#316150
```
#316150 rgb(49,97,80)
```
#613142
```
#613142 rgb(97,49,66)
```

Complementary Color

#316138
```
#316138 rgb(49,97,56)
```
#316150
```
#316150 rgb(49,97,80)
```
#315a61
```
#315a61 rgb(49,90,97)
```

Analogous Color

#613831
```
#613831 rgb(97,56,49)
```
#316150
```
#316150 rgb(49,97,80)
```
#61315a
```
#61315a rgb(97,49,90)
```

Split Complementary Color

#615031
```
#615031 rgb(97,80,49)
```
#316150
```
#316150 rgb(49,97,80)
```
#503161
```
#503161 rgb(80,49,97)
```

Triadic Color

#426131
```
#426131 rgb(66,97,49)
```
#316150
```
#316150 rgb(49,97,80)
```
#503161
```
#503161 rgb(80,49,97)
```
#613142
```
#613142 rgb(97,49,66)
```

Tetradic Color

#172e26
```
#172e26 rgb(23,46,38)
```
#203f34
```
#203f34 rgb(32,63,52)
```
#285042
```
#285042 rgb(40,80,66)
```
#316150
```
#316150 rgb(49,97,80)
```
#3a725e
```
#3a725e rgb(58,114,94)
```
#42836c
```
#42836c rgb(66,131,108)
```
#4b947a
```
#4b947a rgb(75,148,122)
```

Monochromatic Color

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

#316144
```
#316144 rgb(49,97,68)
```
#316148
```
#316148 rgb(49,97,72)
```
#31614c
```
#31614c rgb(49,97,76)
```
#316150
```
#316150 rgb(49,97,80)
```
#316154
```
#316154 rgb(49,97,84)
```
#316158
```
#316158 rgb(49,97,88)
```
#31615c
```
#31615c rgb(49,97,92)
```

Similar Colors

Text with hexadecimal color #316150

This text has a font color of #316150.

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

#316150 background color

This paragraph has a background color of #316150.

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

#316150 border color

This element has a border color of #316150.

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

CSS codes

.text {color:#316150;}

.background {background-color:#316150;}

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

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

#030605
```
#030605 rgb(3,6,5)
```
#0a1310
```
#0a1310 rgb(10,19,16)
```
#10201a
```
#10201a rgb(16,32,26)
```
#172d25
```
#172d25 rgb(23,45,37)
```
#1d3a30
```
#1d3a30 rgb(29,58,48)
```
#24473b
```
#24473b rgb(36,71,59)
```
#2a5445
```
#2a5445 rgb(42,84,69)
```
#316150
```
#316150 rgb(49,97,80)
```
#386e5b
```
#386e5b rgb(56,110,91)
```
#3e7b65
```
#3e7b65 rgb(62,123,101)
```
#458870
```
#458870 rgb(69,136,112)
```
#4b957b
```
#4b957b rgb(75,149,123)
```
#52a286
```
#52a286 rgb(82,162,134)
```

Shade Color Variation

#5bac90
```
#5bac90 rgb(91,172,144)
```
#68b399
```
#68b399 rgb(104,179,153)
```
#75baa1
```
#75baa1 rgb(117,186,161)
```
#82c0aa
```
#82c0aa rgb(130,192,170)
```
#8fc7b3
```
#8fc7b3 rgb(143,199,179)
```
#9dcdbc
```
#9dcdbc rgb(157,205,188)
```
#aad4c5
```
#aad4c5 rgb(170,212,197)
```
#b7dace
```
#b7dace rgb(183,218,206)
```
#c4e1d7
```
#c4e1d7 rgb(196,225,215)
```
#d1e8df
```
#d1e8df rgb(209,232,223)
```
#deeee8
```
#deeee8 rgb(222,238,232)
```
#ebf5f1
```
#ebf5f1 rgb(235,245,241)
```
#f8fbfa
```
#f8fbfa rgb(248,251,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #474b49 is the less saturated color, while #048e5d is the most saturated one.

#474b49
```
#474b49 rgb(71,75,73)
```
#42504b
```
#42504b rgb(66,80,75)
```
#3c564d
```
#3c564d rgb(60,86,77)
```
#375b4e
```
#375b4e rgb(55,91,78)
```
#316150
```
#316150 rgb(49,97,80)
```
#2b6752
```
#2b6752 rgb(43,103,82)
```
#266c53
```
#266c53 rgb(38,108,83)
```
#207255
```
#207255 rgb(32,114,85)
```
#1b7757
```
#1b7757 rgb(27,119,87)
```
#157d58
```
#157d58 rgb(21,125,88)
```
#0f835a
```
#0f835a rgb(15,131,90)
```
#0a885b
```
#0a885b rgb(10,136,91)
```
#048e5d
```
#048e5d rgb(4,142,93)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#4b5451 Atypical Achromatopsia 0.001% of the population

Dichromacy

#656054 Protanopia 1% of men
#6b5d5d Deuteranopia 1% of men
#42666d Tritanopia 0.001% of the population

Trichromacy

#526053 Protanomaly 1% of men, 0.01% of women
#565e58 Deuteranomaly 6% of men, 0.4% of women
#3c6462 Tritanomaly 0.01% of the population

#316150 hex color

#316150 Color Information

#316150 Color Conversion

Color Schemes with #316150

Alternatives to #316150

#316150 Preview

Shades and Tints of #316150

Tones of #316150

Color Blindness Simulator