#315c56 hex color

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

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

● #315c56 color description : Very dark desaturated cyan.

The hexadecimal color #315c56 has RGB values of R:49, G:92, B:86 and CMYK values of C:0.47, M:0, Y:0.07, K:0.64. Its decimal value is 3234902.

Hex triplet	315c56	`#315c56`
RGB Decimal	49, 92, 86	`rgb(49,92,86)`
RGB Percent	19.2, 36.1, 33.7	`rgb(19.2%,36.1%,33.7%)`
CMYK	47, 0, 7, 64
HSL	171.6°, 30.5, 27.6	`hsl(171.6,30.5%,27.6%)`
HSV (or HSB)	171.6°, 46.7, 36.1
Web Safe	336666	`#336666`

CIE-LAB	35.943, -16.601, -1.215
XYZ	6.773, 8.979, 10.18
xyY	0.261, 0.346, 8.979
CIE-LCH	35.943, 16.645, 184.187
CIE-LUV	35.943, -18.841, 0.701
Hunter-Lab	29.965, -12.091, 0.833
Binary	00110001, 01011100, 01010110

#315c56
```
#315c56 rgb(49,92,86)
```
#5c3137
```
#5c3137 rgb(92,49,55)
```

Complementary Color

#315c41
```
#315c41 rgb(49,92,65)
```
#315c56
```
#315c56 rgb(49,92,86)
```
#314d5c
```
#314d5c rgb(49,77,92)
```

Analogous Color

#5c4131
```
#5c4131 rgb(92,65,49)
```
#315c56
```
#315c56 rgb(49,92,86)
```
#5c314d
```
#5c314d rgb(92,49,77)
```

Split Complementary Color

#5c5631
```
#5c5631 rgb(92,86,49)
```
#315c56
```
#315c56 rgb(49,92,86)
```
#56315c
```
#56315c rgb(86,49,92)
```

Triadic Color

#375c31
```
#375c31 rgb(55,92,49)
```
#315c56
```
#315c56 rgb(49,92,86)
```
#56315c
```
#56315c rgb(86,49,92)
```
#5c3137
```
#5c3137 rgb(92,49,55)
```

Tetradic Color

#162a27
```
#162a27 rgb(22,42,39)
```
#1f3b37
```
#1f3b37 rgb(31,59,55)
```
#284b46
```
#284b46 rgb(40,75,70)
```
#315c56
```
#315c56 rgb(49,92,86)
```
#3a6d66
```
#3a6d66 rgb(58,109,102)
```
#437d75
```
#437d75 rgb(67,125,117)
```
#4c8e85
```
#4c8e85 rgb(76,142,133)
```

Monochromatic Color

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

#315c4b
```
#315c4b rgb(49,92,75)
```
#315c4f
```
#315c4f rgb(49,92,79)
```
#315c52
```
#315c52 rgb(49,92,82)
```
#315c56
```
#315c56 rgb(49,92,86)
```
#315c5a
```
#315c5a rgb(49,92,90)
```
#315b5c
```
#315b5c rgb(49,91,92)
```
#31575c
```
#31575c rgb(49,87,92)
```

Similar Colors

Text with hexadecimal color #315c56

This text has a font color of #315c56.

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

#315c56 background color

This paragraph has a background color of #315c56.

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

#315c56 border color

This element has a border color of #315c56.

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

CSS codes

.text {color:#315c56;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#080f0e
```
#080f0e rgb(8,15,14)
```
#0f1c1a
```
#0f1c1a rgb(15,28,26)
```
#162926
```
#162926 rgb(22,41,38)
```
#1d3632
```
#1d3632 rgb(29,54,50)
```
#23423e
```
#23423e rgb(35,66,62)
```
#2a4f4a
```
#2a4f4a rgb(42,79,74)
```
#315c56
```
#315c56 rgb(49,92,86)
```
#386962
```
#386962 rgb(56,105,98)
```
#3f766e
```
#3f766e rgb(63,118,110)
```
#45827a
```
#45827a rgb(69,130,122)
```
#4c8f86
```
#4c8f86 rgb(76,143,134)
```
#539c92
```
#539c92 rgb(83,156,146)
```

Shade Color Variation

#5ba89d
```
#5ba89d rgb(91,168,157)
```
#68aea5
```
#68aea5 rgb(104,174,165)
```
#75b5ac
```
#75b5ac rgb(117,181,172)
```
#81bcb4
```
#81bcb4 rgb(129,188,180)
```
#8ec3bc
```
#8ec3bc rgb(142,195,188)
```
#9bcac3
```
#9bcac3 rgb(155,202,195)
```
#a8d1cb
```
#a8d1cb rgb(168,209,203)
```
#b5d7d3
```
#b5d7d3 rgb(181,215,211)
```
#c1deda
```
#c1deda rgb(193,222,218)
```
#cee5e2
```
#cee5e2 rgb(206,229,226)
```
#dbece9
```
#dbece9 rgb(219,236,233)
```
#e8f3f1
```
#e8f3f1 rgb(232,243,241)
```
#f5f9f9
```
#f5f9f9 rgb(245,249,249)
```

Tint Color Variation

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

#414c4a
```
#414c4a rgb(65,76,74)
```
#3c514e
```
#3c514e rgb(60,81,78)
```
#365752
```
#365752 rgb(54,87,82)
```
#315c56
```
#315c56 rgb(49,92,86)
```
#2c615a
```
#2c615a rgb(44,97,90)
```
#26675e
```
#26675e rgb(38,103,94)
```
#216c62
```
#216c62 rgb(33,108,98)
```
#1b7266
```
#1b7266 rgb(27,114,102)
```
#16776a
```
#16776a rgb(22,119,106)
```
#107d6d
```
#107d6d rgb(16,125,109)
```
#0b8271
```
#0b8271 rgb(11,130,113)
```
#068775
```
#068775 rgb(6,135,117)
```
#008d79
```
#008d79 rgb(0,141,121)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#485150 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f5d5a Protanopia 1% of men
#635a62 Deuteranopia 1% of men
#3f6269 Tritanopia 0.001% of the population

Trichromacy

#4e5c59 Protanomaly 1% of men, 0.01% of women
#515b5d Deuteranomaly 6% of men, 0.4% of women
#3a6062 Tritanomaly 0.01% of the population

#315c56 hex color

#315c56 Color Information

#315c56 Color Conversion

Color Schemes with #315c56

Alternatives to #315c56

#315c56 Preview

Shades and Tints of #315c56

Tones of #315c56

Color Blindness Simulator