#315b4a hex color

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

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

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

The hexadecimal color #315b4a has RGB values of R:49, G:91, B:74 and CMYK values of C:0.46, M:0, Y:0.19, K:0.64. Its decimal value is 3234634.

Hex triplet	315b4a	`#315b4a`
RGB Decimal	49, 91, 74	`rgb(49,91,74)`
RGB Percent	19.2, 35.7, 29	`rgb(19.2%,35.7%,29%)`
CMYK	46, 0, 19, 64
HSL	155.7°, 30, 27.5	`hsl(155.7,30%,27.5%)`
HSV (or HSB)	155.7°, 46.2, 35.7
Web Safe	336633	`#336633`

CIE-LAB	35.26, -19.208, 5.264
XYZ	6.243, 8.629, 7.815
xyY	0.275, 0.38, 8.629
CIE-LCH	35.26, 19.916, 164.673
CIE-LUV	35.26, -18.747, 9.041
Hunter-Lab	29.375, -13.469, 4.79
Binary	00110001, 01011011, 01001010

#315b4a
```
#315b4a rgb(49,91,74)
```
#5b3142
```
#5b3142 rgb(91,49,66)
```

Complementary Color

#315b35
```
#315b35 rgb(49,91,53)
```
#315b4a
```
#315b4a rgb(49,91,74)
```
#31575b
```
#31575b rgb(49,87,91)
```

Analogous Color

#5b3531
```
#5b3531 rgb(91,53,49)
```
#315b4a
```
#315b4a rgb(49,91,74)
```
#5b3157
```
#5b3157 rgb(91,49,87)
```

Split Complementary Color

#5b4a31
```
#5b4a31 rgb(91,74,49)
```
#315b4a
```
#315b4a rgb(49,91,74)
```
#4a315b
```
#4a315b rgb(74,49,91)
```

Triadic Color

#425b31
```
#425b31 rgb(66,91,49)
```
#315b4a
```
#315b4a rgb(49,91,74)
```
#4a315b
```
#4a315b rgb(74,49,91)
```
#5b3142
```
#5b3142 rgb(91,49,66)
```

Tetradic Color

#162922
```
#162922 rgb(22,41,34)
```
#1f3a2f
```
#1f3a2f rgb(31,58,47)
```
#284a3d
```
#284a3d rgb(40,74,61)
```
#315b4a
```
#315b4a rgb(49,91,74)
```
#3a6c57
```
#3a6c57 rgb(58,108,87)
```
#437c65
```
#437c65 rgb(67,124,101)
```
#4c8d72
```
#4c8d72 rgb(76,141,114)
```

Monochromatic Color

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

#315b40
```
#315b40 rgb(49,91,64)
```
#315b43
```
#315b43 rgb(49,91,67)
```
#315b47
```
#315b47 rgb(49,91,71)
```
#315b4a
```
#315b4a rgb(49,91,74)
```
#315b4e
```
#315b4e rgb(49,91,78)
```
#315b51
```
#315b51 rgb(49,91,81)
```
#315b55
```
#315b55 rgb(49,91,85)
```

Similar Colors

Text with hexadecimal color #315b4a

This text has a font color of #315b4a.

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

#315b4a background color

This paragraph has a background color of #315b4a.

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

#315b4a border color

This element has a border color of #315b4a.

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

CSS codes

.text {color:#315b4a;}

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

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

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

#010201
```
#010201 rgb(1,2,1)
```
#080f0c
```
#080f0c rgb(8,15,12)
```
#0f1b16
```
#0f1b16 rgb(15,27,22)
```
#162821
```
#162821 rgb(22,40,33)
```
#1c352b
```
#1c352b rgb(28,53,43)
```
#234235
```
#234235 rgb(35,66,53)
```
#2a4e40
```
#2a4e40 rgb(42,78,64)
```
#315b4a
```
#315b4a rgb(49,91,74)
```
#386854
```
#386854 rgb(56,104,84)
```
#3f755f
```
#3f755f rgb(63,117,95)
```
#468169
```
#468169 rgb(70,129,105)
```
#4c8e73
```
#4c8e73 rgb(76,142,115)
```
#539b7e
```
#539b7e rgb(83,155,126)
```

Shade Color Variation

#5ba788
```
#5ba788 rgb(91,167,136)
```
#68ae91
```
#68ae91 rgb(104,174,145)
```
#75b49b
```
#75b49b rgb(117,180,155)
```
#81bba4
```
#81bba4 rgb(129,187,164)
```
#8ec2ad
```
#8ec2ad rgb(142,194,173)
```
#9bc9b6
```
#9bc9b6 rgb(155,201,182)
```
#a8d0c0
```
#a8d0c0 rgb(168,208,192)
```
#b4d7c9
```
#b4d7c9 rgb(180,215,201)
```
#c1ded2
```
#c1ded2 rgb(193,222,210)
```
#cee4db
```
#cee4db rgb(206,228,219)
```
#dbebe5
```
#dbebe5 rgb(219,235,229)
```
#e7f2ee
```
#e7f2ee rgb(231,242,238)
```
#f4f9f7
```
#f4f9f7 rgb(244,249,247)
```

Tint Color Variation

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

#414b47
```
#414b47 rgb(65,75,71)
```
#3c5048
```
#3c5048 rgb(60,80,72)
```
#365649
```
#365649 rgb(54,86,73)
```
#315b4a
```
#315b4a rgb(49,91,74)
```
#2c604b
```
#2c604b rgb(44,96,75)
```
#26664c
```
#26664c rgb(38,102,76)
```
#216b4d
```
#216b4d rgb(33,107,77)
```
#1b714e
```
#1b714e rgb(27,113,78)
```
#16764f
```
#16764f rgb(22,118,79)
```
#117b50
```
#117b50 rgb(17,123,80)
```
#0b8151
```
#0b8151 rgb(11,129,81)
```
#068652
```
#068652 rgb(6,134,82)
```
#018b53
```
#018b53 rgb(1,139,83)
```

Tone Color Variation

Below, you can see how #315b4a 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
#47504c Atypical Achromatopsia 0.001% of the population

Dichromacy

#605b4f Protanopia 1% of men
#665857 Deuteranopia 1% of men
#416067 Tritanopia 0.001% of the population

Trichromacy

#4f5b4d Protanomaly 1% of men, 0.01% of women
#525952 Deuteranomaly 6% of men, 0.4% of women
#3b5e5c Tritanomaly 0.01% of the population

#315b4a hex color

#315b4a Color Information

#315b4a Color Conversion

Color Schemes with #315b4a

Alternatives to #315b4a

#315b4a Preview

Shades and Tints of #315b4a

Tones of #315b4a

Color Blindness Simulator