#315c55 hex color

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

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

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

The hexadecimal color #315c55 has RGB values of R:49, G:92, B:85 and CMYK values of C:0.47, M:0, Y:0.08, K:0.64. Its decimal value is 3234901.

Hex triplet	315c55	`#315c55`
RGB Decimal	49, 92, 85	`rgb(49,92,85)`
RGB Percent	19.2, 36.1, 33.3	`rgb(19.2%,36.1%,33.3%)`
CMYK	47, 0, 8, 64
HSL	170.2°, 30.5, 27.6	`hsl(170.2,30.5%,27.6%)`
HSV (or HSB)	170.2°, 46.7, 36.1
Web Safe	336666	`#336666`

CIE-LAB	35.912, -16.877, -0.638
XYZ	6.733, 8.963, 9.969
xyY	0.262, 0.349, 8.963
CIE-LCH	35.912, 16.889, 182.164
CIE-LUV	35.912, -18.869, 1.477
Hunter-Lab	29.938, -12.247, 1.213
Binary	00110001, 01011100, 01010101

#315c55
```
#315c55 rgb(49,92,85)
```
#5c3138
```
#5c3138 rgb(92,49,56)
```

Complementary Color

#315c40
```
#315c40 rgb(49,92,64)
```
#315c55
```
#315c55 rgb(49,92,85)
```
#314e5c
```
#314e5c rgb(49,78,92)
```

Analogous Color

#5c4031
```
#5c4031 rgb(92,64,49)
```
#315c55
```
#315c55 rgb(49,92,85)
```
#5c314e
```
#5c314e rgb(92,49,78)
```

Split Complementary Color

#5c5531
```
#5c5531 rgb(92,85,49)
```
#315c55
```
#315c55 rgb(49,92,85)
```
#55315c
```
#55315c rgb(85,49,92)
```

Triadic Color

#385c31
```
#385c31 rgb(56,92,49)
```
#315c55
```
#315c55 rgb(49,92,85)
```
#55315c
```
#55315c rgb(85,49,92)
```
#5c3138
```
#5c3138 rgb(92,49,56)
```

Tetradic Color

#162a27
```
#162a27 rgb(22,42,39)
```
#1f3b36
```
#1f3b36 rgb(31,59,54)
```
#284b46
```
#284b46 rgb(40,75,70)
```
#315c55
```
#315c55 rgb(49,92,85)
```
#3a6d64
```
#3a6d64 rgb(58,109,100)
```
#437d74
```
#437d74 rgb(67,125,116)
```
#4c8e83
```
#4c8e83 rgb(76,142,131)
```

Monochromatic Color

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

#315c4a
```
#315c4a rgb(49,92,74)
```
#315c4e
```
#315c4e rgb(49,92,78)
```
#315c51
```
#315c51 rgb(49,92,81)
```
#315c55
```
#315c55 rgb(49,92,85)
```
#315c59
```
#315c59 rgb(49,92,89)
```
#315c5c
```
#315c5c rgb(49,92,92)
```
#31585c
```
#31585c rgb(49,88,92)
```

Similar Colors

Text with hexadecimal color #315c55

This text has a font color of #315c55.

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

#315c55 background color

This paragraph has a background color of #315c55.

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

#315c55 border color

This element has a border color of #315c55.

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

CSS codes

.text {color:#315c55;}

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

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

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)
```
#23423d
```
#23423d rgb(35,66,61)
```
#2a4f49
```
#2a4f49 rgb(42,79,73)
```
#315c55
```
#315c55 rgb(49,92,85)
```
#386961
```
#386961 rgb(56,105,97)
```
#3f766d
```
#3f766d rgb(63,118,109)
```
#458278
```
#458278 rgb(69,130,120)
```
#4c8f84
```
#4c8f84 rgb(76,143,132)
```
#539c90
```
#539c90 rgb(83,156,144)
```

Shade Color Variation

#5ba89b
```
#5ba89b rgb(91,168,155)
```
#68aea3
```
#68aea3 rgb(104,174,163)
```
#75b5ab
```
#75b5ab rgb(117,181,171)
```
#81bcb3
```
#81bcb3 rgb(129,188,179)
```
#8ec3ba
```
#8ec3ba rgb(142,195,186)
```
#9bcac2
```
#9bcac2 rgb(155,202,194)
```
#a8d1ca
```
#a8d1ca rgb(168,209,202)
```
#b5d7d2
```
#b5d7d2 rgb(181,215,210)
```
#c1deda
```
#c1deda rgb(193,222,218)
```
#cee5e1
```
#cee5e1 rgb(206,229,225)
```
#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 #008d76 is the most saturated one.

#414c4a
```
#414c4a rgb(65,76,74)
```
#3c514e
```
#3c514e rgb(60,81,78)
```
#365751
```
#365751 rgb(54,87,81)
```
#315c55
```
#315c55 rgb(49,92,85)
```
#2c6159
```
#2c6159 rgb(44,97,89)
```
#26675c
```
#26675c rgb(38,103,92)
```
#216c60
```
#216c60 rgb(33,108,96)
```
#1b7264
```
#1b7264 rgb(27,114,100)
```
#167767
```
#167767 rgb(22,119,103)
```
#107d6b
```
#107d6b rgb(16,125,107)
```
#0b826f
```
#0b826f rgb(11,130,111)
```
#068772
```
#068772 rgb(6,135,114)
```
#008d76
```
#008d76 rgb(0,141,118)
```

Tone Color Variation

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

#5f5c59 Protanopia 1% of men
#645a61 Deuteranopia 1% of men
#3f6269 Tritanopia 0.001% of the population

Trichromacy

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

#315c55 hex color

#315c55 Color Information

#315c55 Color Conversion

Color Schemes with #315c55

Alternatives to #315c55

#315c55 Preview

Shades and Tints of #315c55

Tones of #315c55

Color Blindness Simulator