#315c5a hex color

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

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

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

The hexadecimal color #315c5a has RGB values of R:49, G:92, B:90 and CMYK values of C:0.47, M:0, Y:0.02, K:0.64. Its decimal value is 3234906.

Hex triplet	315c5a	`#315c5a`
RGB Decimal	49, 92, 90	`rgb(49,92,90)`
RGB Percent	19.2, 36.1, 35.3	`rgb(19.2%,36.1%,35.3%)`
CMYK	47, 0, 2, 64
HSL	177.2°, 30.5, 27.6	`hsl(177.2,30.5%,27.6%)`
HSV (or HSB)	177.2°, 46.7, 36.1
Web Safe	336666	`#336666`

CIE-LAB	36.071, -15.473, -3.519
XYZ	6.939, 9.045, 11.053
xyY	0.257, 0.335, 9.045
CIE-LCH	36.071, 15.869, 192.812
CIE-LUV	36.071, -18.727, -2.441
Hunter-Lab	30.075, -11.449, -0.737
Binary	00110001, 01011100, 01011010

#315c5a
```
#315c5a rgb(49,92,90)
```
#5c3133
```
#5c3133 rgb(92,49,51)
```

Complementary Color

#315c45
```
#315c45 rgb(49,92,69)
```
#315c5a
```
#315c5a rgb(49,92,90)
```
#31495c
```
#31495c rgb(49,73,92)
```

Analogous Color

#5c4531
```
#5c4531 rgb(92,69,49)
```
#315c5a
```
#315c5a rgb(49,92,90)
```
#5c3149
```
#5c3149 rgb(92,49,73)
```

Split Complementary Color

#5c5a31
```
#5c5a31 rgb(92,90,49)
```
#315c5a
```
#315c5a rgb(49,92,90)
```
#5a315c
```
#5a315c rgb(90,49,92)
```

Triadic Color

#335c31
```
#335c31 rgb(51,92,49)
```
#315c5a
```
#315c5a rgb(49,92,90)
```
#5a315c
```
#5a315c rgb(90,49,92)
```
#5c3133
```
#5c3133 rgb(92,49,51)
```

Tetradic Color

#162a29
```
#162a29 rgb(22,42,41)
```
#1f3b39
```
#1f3b39 rgb(31,59,57)
```
#284b4a
```
#284b4a rgb(40,75,74)
```
#315c5a
```
#315c5a rgb(49,92,90)
```
#3a6d6a
```
#3a6d6a rgb(58,109,106)
```
#437d7b
```
#437d7b rgb(67,125,123)
```
#4c8e8b
```
#4c8e8b rgb(76,142,139)
```

Monochromatic Color

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

#315c4f
```
#315c4f rgb(49,92,79)
```
#315c53
```
#315c53 rgb(49,92,83)
```
#315c56
```
#315c56 rgb(49,92,86)
```
#315c5a
```
#315c5a rgb(49,92,90)
```
#315a5c
```
#315a5c rgb(49,90,92)
```
#31575c
```
#31575c rgb(49,87,92)
```
#31535c
```
#31535c rgb(49,83,92)
```

Similar Colors

Text with hexadecimal color #315c5a

This text has a font color of #315c5a.

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

#315c5a background color

This paragraph has a background color of #315c5a.

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

#315c5a border color

This element has a border color of #315c5a.

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

CSS codes

.text {color:#315c5a;}

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

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

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)
```
#080f0f
```
#080f0f rgb(8,15,15)
```
#0f1c1b
```
#0f1c1b rgb(15,28,27)
```
#162928
```
#162928 rgb(22,41,40)
```
#1d3634
```
#1d3634 rgb(29,54,52)
```
#234241
```
#234241 rgb(35,66,65)
```
#2a4f4d
```
#2a4f4d rgb(42,79,77)
```
#315c5a
```
#315c5a rgb(49,92,90)
```
#386967
```
#386967 rgb(56,105,103)
```
#3f7673
```
#3f7673 rgb(63,118,115)
```
#458280
```
#458280 rgb(69,130,128)
```
#4c8f8c
```
#4c8f8c rgb(76,143,140)
```
#539c99
```
#539c99 rgb(83,156,153)
```

Shade Color Variation

#5ba8a4
```
#5ba8a4 rgb(91,168,164)
```
#68aeab
```
#68aeab rgb(104,174,171)
```
#75b5b2
```
#75b5b2 rgb(117,181,178)
```
#81bcb9
```
#81bcb9 rgb(129,188,185)
```
#8ec3c0
```
#8ec3c0 rgb(142,195,192)
```
#9bcac8
```
#9bcac8 rgb(155,202,200)
```
#a8d1cf
```
#a8d1cf rgb(168,209,207)
```
#b5d7d6
```
#b5d7d6 rgb(181,215,214)
```
#c1dedd
```
#c1dedd rgb(193,222,221)
```
#cee5e4
```
#cee5e4 rgb(206,229,228)
```
#dbeceb
```
#dbeceb rgb(219,236,235)
```
#e8f3f2
```
#e8f3f2 rgb(232,243,242)
```
#f5f9f9
```
#f5f9f9 rgb(245,249,249)
```

Tint Color Variation

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

#414c4b
```
#414c4b rgb(65,76,75)
```
#3c5150
```
#3c5150 rgb(60,81,80)
```
#365755
```
#365755 rgb(54,87,85)
```
#315c5a
```
#315c5a rgb(49,92,90)
```
#2c615f
```
#2c615f rgb(44,97,95)
```
#266764
```
#266764 rgb(38,103,100)
```
#216c69
```
#216c69 rgb(33,108,105)
```
#1b726e
```
#1b726e rgb(27,114,110)
```
#167773
```
#167773 rgb(22,119,115)
```
#107d78
```
#107d78 rgb(16,125,120)
```
#0b827c
```
#0b827c rgb(11,130,124)
```
#068781
```
#068781 rgb(6,135,129)
```
#008d86
```
#008d86 rgb(0,141,134)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#495251 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e5d5e Protanopia 1% of men
#625b65 Deuteranopia 1% of men
#3e636a Tritanopia 0.001% of the population

Trichromacy

#4e5c5c Protanomaly 1% of men, 0.01% of women
#505b61 Deuteranomaly 6% of men, 0.4% of women
#396064 Tritanomaly 0.01% of the population

#315c5a hex color

#315c5a Color Information

#315c5a Color Conversion

Color Schemes with #315c5a

Alternatives to #315c5a

#315c5a Preview

Shades and Tints of #315c5a

Tones of #315c5a

Color Blindness Simulator