colorhexa.com

#315c42 hex color

In a RGB color space, hex #315c42 is composed of 19.2% red, 36.1% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 46.7% cyan, 0% magenta, 28.3% yellow and 63.9% black. It has a hue angle of 143.7 degrees, a saturation of 30.5% and a lightness of 27.6%. #315c42 color hex could be obtained by blending #62b884 with #000000. Closest websafe color is: #336633.

- R 19
- G 36
- B 26
RGB color chart
- C 47
- M 0
- Y 28
- K 64
CMYK color chart

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

The hexadecimal color #315c42 has RGB values of R:49, G:92, B:66 and CMYK values of C:0.47, M:0, Y:0.28, K:0.64. Its decimal value is 3234882.

Hex triplet	315c42	`#315c42`
RGB Decimal	49, 92, 66	`rgb(49,92,66)`
RGB Percent	19.2, 36.1, 25.9	`rgb(19.2%,36.1%,25.9%)`
CMYK	47, 0, 28, 64
HSL	143.7°, 30.5, 27.6	`hsl(143.7,30.5%,27.6%)`
HSV (or HSB)	143.7°, 46.7, 36.1
Web Safe	336633	`#336633`

CIE-LAB	35.401, -21.623, 10.404
XYZ	6.077, 8.7, 6.513
xyY	0.285, 0.409, 8.7
CIE-LCH	35.401, 23.996, 154.305
CIE-LUV	35.401, -19.395, 15.286
Hunter-Lab	29.496, -14.844, 7.555
Binary	00110001, 01011100, 01000010

#315c42
```
#315c42 rgb(49,92,66)
```
#5c314b
```
#5c314b rgb(92,49,75)
```

Complementary Color

#365c31
```
#365c31 rgb(54,92,49)
```
#315c42
```
#315c42 rgb(49,92,66)
```
#315c58
```
#315c58 rgb(49,92,88)
```

Analogous Color

#5c3136
```
#5c3136 rgb(92,49,54)
```
#315c42
```
#315c42 rgb(49,92,66)
```
#58315c
```
#58315c rgb(88,49,92)
```

Split Complementary Color

#162a1e
```
#162a1e rgb(22,42,30)
```
#1f3b2a
```
#1f3b2a rgb(31,59,42)
```
#284b36
```
#284b36 rgb(40,75,54)
```
#315c42
```
#315c42 rgb(49,92,66)
```
#3a6d4e
```
#3a6d4e rgb(58,109,78)
```
#437d5a
```
#437d5a rgb(67,125,90)
```
#4c8e66
```
#4c8e66 rgb(76,142,102)
```

Monochromatic Color

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

#315c37
```
#315c37 rgb(49,92,55)
```
#315c3b
```
#315c3b rgb(49,92,59)
```
#315c3e
```
#315c3e rgb(49,92,62)
```
#315c42
```
#315c42 rgb(49,92,66)
```
#315c46
```
#315c46 rgb(49,92,70)
```
#315c49
```
#315c49 rgb(49,92,73)
```
#315c4d
```
#315c4d rgb(49,92,77)
```

Similar Colors

Text with hexadecimal color #315c42

This text has a font color of #315c42.

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

#315c42 background color

This paragraph has a background color of #315c42.

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

#315c42 border color

This element has a border color of #315c42.

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

CSS codes

.text {color:#315c42;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#080f0b
```
#080f0b rgb(8,15,11)
```
#0f1c14
```
#0f1c14 rgb(15,28,20)
```
#16291d
```
#16291d rgb(22,41,29)
```
#1d3626
```
#1d3626 rgb(29,54,38)
```
#234230
```
#234230 rgb(35,66,48)
```
#2a4f39
```
#2a4f39 rgb(42,79,57)
```
#315c42
```
#315c42 rgb(49,92,66)
```
#38694b
```
#38694b rgb(56,105,75)
```
#3f7654
```
#3f7654 rgb(63,118,84)
```
#45825e
```
#45825e rgb(69,130,94)
```
#4c8f67
```
#4c8f67 rgb(76,143,103)
```
#539c70
```
#539c70 rgb(83,156,112)
```

Shade Color Variation

#5ba879
```
#5ba879 rgb(91,168,121)
```
#68ae84
```
#68ae84 rgb(104,174,132)
```
#75b58e
```
#75b58e rgb(117,181,142)
```
#81bc99
```
#81bc99 rgb(129,188,153)
```
#8ec3a3
```
#8ec3a3 rgb(142,195,163)
```
#9bcaad
```
#9bcaad rgb(155,202,173)
```
#a8d1b8
```
#a8d1b8 rgb(168,209,184)
```
#b5d7c2
```
#b5d7c2 rgb(181,215,194)
```
#c1decd
```
#c1decd rgb(193,222,205)
```
#cee5d7
```
#cee5d7 rgb(206,229,215)
```
#dbece2
```
#dbece2 rgb(219,236,226)
```
#e8f3ec
```
#e8f3ec rgb(232,243,236)
```
#f5f9f7
```
#f5f9f7 rgb(245,249,247)
```

Tint Color Variation

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

#414c45
```
#414c45 rgb(65,76,69)
```
#3c5144
```
#3c5144 rgb(60,81,68)
```
#365743
```
#365743 rgb(54,87,67)
```
#315c42
```
#315c42 rgb(49,92,66)
```
#2c6141
```
#2c6141 rgb(44,97,65)
```
#266740
```
#266740 rgb(38,103,64)
```
#216c3f
```
#216c3f rgb(33,108,63)
```
#1b723d
```
#1b723d rgb(27,114,61)
```
#16773c
```
#16773c rgb(22,119,60)
```
#107d3b
```
#107d3b rgb(16,125,59)
```
#0b823a
```
#0b823a rgb(11,130,58)
```
#068739
```
#068739 rgb(6,135,57)
```
#008d38
```
#008d38 rgb(0,141,56)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#474f4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#625c48 Protanopia 1% of men
#69584f Deuteranopia 1% of men
#436067 Tritanopia 0.001% of the population

Trichromacy

#505c45 Protanomaly 1% of men, 0.01% of women
#545a4a Deuteranomaly 6% of men, 0.4% of women
#3c5f5a Tritanomaly 0.01% of the population