#315c53 hex color

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

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

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

The hexadecimal color #315c53 has RGB values of R:49, G:92, B:83 and CMYK values of C:0.47, M:0, Y:0.1, K:0.64. Its decimal value is 3234899.

Hex triplet	315c53	`#315c53`
RGB Decimal	49, 92, 83	`rgb(49,92,83)`
RGB Percent	19.2, 36.1, 32.5	`rgb(19.2%,36.1%,32.5%)`
CMYK	47, 0, 10, 64
HSL	167.4°, 30.5, 27.6	`hsl(167.4,30.5%,27.6%)`
HSV (or HSB)	167.4°, 46.7, 36.1
Web Safe	336666	`#336666`

CIE-LAB	35.852, -17.421, 0.519
XYZ	6.655, 8.931, 9.556
xyY	0.265, 0.355, 8.931
CIE-LCH	35.852, 17.429, 178.294
CIE-LUV	35.852, -18.926, 3.016
Hunter-Lab	29.885, -12.553, 1.961
Binary	00110001, 01011100, 01010011

#315c53
```
#315c53 rgb(49,92,83)
```
#5c313a
```
#5c313a rgb(92,49,58)
```

Complementary Color

#315c3e
```
#315c3e rgb(49,92,62)
```
#315c53
```
#315c53 rgb(49,92,83)
```
#31505c
```
#31505c rgb(49,80,92)
```

Analogous Color

#5c3e31
```
#5c3e31 rgb(92,62,49)
```
#315c53
```
#315c53 rgb(49,92,83)
```
#5c3150
```
#5c3150 rgb(92,49,80)
```

Split Complementary Color

#5c5331
```
#5c5331 rgb(92,83,49)
```
#315c53
```
#315c53 rgb(49,92,83)
```
#53315c
```
#53315c rgb(83,49,92)
```

Triadic Color

#3a5c31
```
#3a5c31 rgb(58,92,49)
```
#315c53
```
#315c53 rgb(49,92,83)
```
#53315c
```
#53315c rgb(83,49,92)
```
#5c313a
```
#5c313a rgb(92,49,58)
```

Tetradic Color

#162a26
```
#162a26 rgb(22,42,38)
```
#1f3b35
```
#1f3b35 rgb(31,59,53)
```
#284b44
```
#284b44 rgb(40,75,68)
```
#315c53
```
#315c53 rgb(49,92,83)
```
#3a6d62
```
#3a6d62 rgb(58,109,98)
```
#437d71
```
#437d71 rgb(67,125,113)
```
#4c8e80
```
#4c8e80 rgb(76,142,128)
```

Monochromatic Color

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

#315c48
```
#315c48 rgb(49,92,72)
```
#315c4c
```
#315c4c rgb(49,92,76)
```
#315c4f
```
#315c4f rgb(49,92,79)
```
#315c53
```
#315c53 rgb(49,92,83)
```
#315c57
```
#315c57 rgb(49,92,87)
```
#315c5a
```
#315c5a rgb(49,92,90)
```
#315a5c
```
#315a5c rgb(49,90,92)
```

Similar Colors

Text with hexadecimal color #315c53

This text has a font color of #315c53.

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

#315c53 background color

This paragraph has a background color of #315c53.

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

#315c53 border color

This element has a border color of #315c53.

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

CSS codes

.text {color:#315c53;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#080f0e
```
#080f0e rgb(8,15,14)
```
#0f1c19
```
#0f1c19 rgb(15,28,25)
```
#162925
```
#162925 rgb(22,41,37)
```
#1d3630
```
#1d3630 rgb(29,54,48)
```
#23423c
```
#23423c rgb(35,66,60)
```
#2a4f47
```
#2a4f47 rgb(42,79,71)
```
#315c53
```
#315c53 rgb(49,92,83)
```
#38695f
```
#38695f rgb(56,105,95)
```
#3f766a
```
#3f766a rgb(63,118,106)
```
#458276
```
#458276 rgb(69,130,118)
```
#4c8f81
```
#4c8f81 rgb(76,143,129)
```
#539c8d
```
#539c8d rgb(83,156,141)
```

Shade Color Variation

#5ba898
```
#5ba898 rgb(91,168,152)
```
#68aea0
```
#68aea0 rgb(104,174,160)
```
#75b5a8
```
#75b5a8 rgb(117,181,168)
```
#81bcb0
```
#81bcb0 rgb(129,188,176)
```
#8ec3b8
```
#8ec3b8 rgb(142,195,184)
```
#9bcac0
```
#9bcac0 rgb(155,202,192)
```
#a8d1c8
```
#a8d1c8 rgb(168,209,200)
```
#b5d7d0
```
#b5d7d0 rgb(181,215,208)
```
#c1ded8
```
#c1ded8 rgb(193,222,216)
```
#cee5e0
```
#cee5e0 rgb(206,229,224)
```
#dbece8
```
#dbece8 rgb(219,236,232)
```
#e8f3f0
```
#e8f3f0 rgb(232,243,240)
```
#f5f9f8
```
#f5f9f8 rgb(245,249,248)
```

Tint Color Variation

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

#414c4a
```
#414c4a rgb(65,76,74)
```
#3c514d
```
#3c514d rgb(60,81,77)
```
#365750
```
#365750 rgb(54,87,80)
```
#315c53
```
#315c53 rgb(49,92,83)
```
#2c6156
```
#2c6156 rgb(44,97,86)
```
#266759
```
#266759 rgb(38,103,89)
```
#216c5c
```
#216c5c rgb(33,108,92)
```
#1b7260
```
#1b7260 rgb(27,114,96)
```
#167763
```
#167763 rgb(22,119,99)
```
#107d66
```
#107d66 rgb(16,125,102)
```
#0b8269
```
#0b8269 rgb(11,130,105)
```
#06876c
```
#06876c rgb(6,135,108)
```
#008d6f
```
#008d6f rgb(0,141,111)
```

Tone Color Variation

Below, you can see how #315c53 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
#48514f Atypical Achromatopsia 0.001% of the population

Dichromacy

#605c58 Protanopia 1% of men
#645a5f Deuteranopia 1% of men
#406269 Tritanopia 0.001% of the population

Trichromacy

#4e5c56 Protanomaly 1% of men, 0.01% of women
#515b5a Deuteranomaly 6% of men, 0.4% of women
#3a6061 Tritanomaly 0.01% of the population

#315c53 hex color

#315c53 Color Information

#315c53 Color Conversion

Color Schemes with #315c53

Alternatives to #315c53

#315c53 Preview

Shades and Tints of #315c53

Tones of #315c53

Color Blindness Simulator