#315b4e hex color

In a RGB color space, hex #315b4e is composed of 19.2% red, 35.7% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 46.2% cyan, 0% magenta, 14.3% yellow and 64.3% black. It has a hue angle of 161.4 degrees, a saturation of 30% and a lightness of 27.5%. #315b4e color hex could be obtained by blending #62b69c with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 36
- B 31
RGB color chart
- C 46
- M 0
- Y 14
- K 64
CMYK color chart

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

The hexadecimal color #315b4e has RGB values of R:49, G:91, B:78 and CMYK values of C:0.46, M:0, Y:0.14, K:0.64. Its decimal value is 3234638.

Hex triplet	315b4e	`#315b4e`
RGB Decimal	49, 91, 78	`rgb(49,91,78)`
RGB Percent	19.2, 35.7, 30.6	`rgb(19.2%,35.7%,30.6%)`
CMYK	46, 0, 14, 64
HSL	161.4°, 30, 27.5	`hsl(161.4,30%,27.5%)`
HSV (or HSB)	161.4°, 46.2, 35.7
Web Safe	336666	`#336666`

CIE-LAB	35.37, -18.194, 2.934
XYZ	6.382, 8.685, 8.547
xyY	0.27, 0.368, 8.685
CIE-LCH	35.37, 18.429, 170.839
CIE-LUV	35.37, -18.639, 6.102
Hunter-Lab	29.47, -12.914, 3.433
Binary	00110001, 01011011, 01001110

#315b4e
```
#315b4e rgb(49,91,78)
```
#5b313e
```
#5b313e rgb(91,49,62)
```

Complementary Color

#315b39
```
#315b39 rgb(49,91,57)
```
#315b4e
```
#315b4e rgb(49,91,78)
```
#31535b
```
#31535b rgb(49,83,91)
```

Analogous Color

#5b3931
```
#5b3931 rgb(91,57,49)
```
#315b4e
```
#315b4e rgb(49,91,78)
```
#5b3153
```
#5b3153 rgb(91,49,83)
```

Split Complementary Color

#5b4e31
```
#5b4e31 rgb(91,78,49)
```
#315b4e
```
#315b4e rgb(49,91,78)
```
#4e315b
```
#4e315b rgb(78,49,91)
```

Triadic Color

#3e5b31
```
#3e5b31 rgb(62,91,49)
```
#315b4e
```
#315b4e rgb(49,91,78)
```
#4e315b
```
#4e315b rgb(78,49,91)
```
#5b313e
```
#5b313e rgb(91,49,62)
```

Tetradic Color

#162923
```
#162923 rgb(22,41,35)
```
#1f3a32
```
#1f3a32 rgb(31,58,50)
```
#284a40
```
#284a40 rgb(40,74,64)
```
#315b4e
```
#315b4e rgb(49,91,78)
```
#3a6c5c
```
#3a6c5c rgb(58,108,92)
```
#437c6a
```
#437c6a rgb(67,124,106)
```
#4c8d79
```
#4c8d79 rgb(76,141,121)
```

Monochromatic Color

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

#315b44
```
#315b44 rgb(49,91,68)
```
#315b47
```
#315b47 rgb(49,91,71)
```
#315b4b
```
#315b4b rgb(49,91,75)
```
#315b4e
```
#315b4e rgb(49,91,78)
```
#315b52
```
#315b52 rgb(49,91,82)
```
#315b55
```
#315b55 rgb(49,91,85)
```
#315b59
```
#315b59 rgb(49,91,89)
```

Similar Colors

Text with hexadecimal color #315b4e

This text has a font color of #315b4e.

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

#315b4e background color

This paragraph has a background color of #315b4e.

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

#315b4e border color

This element has a border color of #315b4e.

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

CSS codes

.text {color:#315b4e;}

.background {background-color:#315b4e;}

.border {border:1px solid #315b4e;}

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 #f4f9f8 is the lightest one.

#010202
```
#010202 rgb(1,2,2)
```
#080f0c
```
#080f0c rgb(8,15,12)
```
#0f1b17
```
#0f1b17 rgb(15,27,23)
```
#162822
```
#162822 rgb(22,40,34)
```
#1c352d
```
#1c352d rgb(28,53,45)
```
#234238
```
#234238 rgb(35,66,56)
```
#2a4e43
```
#2a4e43 rgb(42,78,67)
```
#315b4e
```
#315b4e rgb(49,91,78)
```
#386859
```
#386859 rgb(56,104,89)
```
#3f7564
```
#3f7564 rgb(63,117,100)
```
#46816f
```
#46816f rgb(70,129,111)
```
#4c8e7a
```
#4c8e7a rgb(76,142,122)
```
#539b85
```
#539b85 rgb(83,155,133)
```

Shade Color Variation

#5ba78f
```
#5ba78f rgb(91,167,143)
```
#68ae98
```
#68ae98 rgb(104,174,152)
```
#75b4a1
```
#75b4a1 rgb(117,180,161)
```
#81bba9
```
#81bba9 rgb(129,187,169)
```
#8ec2b2
```
#8ec2b2 rgb(142,194,178)
```
#9bc9bb
```
#9bc9bb rgb(155,201,187)
```
#a8d0c3
```
#a8d0c3 rgb(168,208,195)
```
#b4d7cc
```
#b4d7cc rgb(180,215,204)
```
#c1ded5
```
#c1ded5 rgb(193,222,213)
```
#cee4dd
```
#cee4dd rgb(206,228,221)
```
#dbebe6
```
#dbebe6 rgb(219,235,230)
```
#e7f2ef
```
#e7f2ef rgb(231,242,239)
```
#f4f9f8
```
#f4f9f8 rgb(244,249,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #414b48 is the less saturated color, while #018b60 is the most saturated one.

#414b48
```
#414b48 rgb(65,75,72)
```
#3c504a
```
#3c504a rgb(60,80,74)
```
#36564c
```
#36564c rgb(54,86,76)
```
#315b4e
```
#315b4e rgb(49,91,78)
```
#2c6050
```
#2c6050 rgb(44,96,80)
```
#266652
```
#266652 rgb(38,102,82)
```
#216b54
```
#216b54 rgb(33,107,84)
```
#1b7156
```
#1b7156 rgb(27,113,86)
```
#167658
```
#167658 rgb(22,118,88)
```
#117b5a
```
#117b5a rgb(17,123,90)
```
#0b815c
```
#0b815c rgb(11,129,92)
```
#06865e
```
#06865e rgb(6,134,94)
```
#018b60
```
#018b60 rgb(1,139,96)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#47504d Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f5b53 Protanopia 1% of men
#65595a Deuteranopia 1% of men
#416168 Tritanopia 0.001% of the population

Trichromacy

#4e5b51 Protanomaly 1% of men, 0.01% of women
#525956 Deuteranomaly 6% of men, 0.4% of women
#3b5e5e Tritanomaly 0.01% of the population

#315b4e hex color

#315b4e Color Information

#315b4e Color Conversion

Color Schemes with #315b4e

Alternatives to #315b4e

#315b4e Preview

Shades and Tints of #315b4e

Tones of #315b4e

Color Blindness Simulator