#315d5f hex color

In a RGB color space, hex #315d5f is composed of 19.2% red, 36.5% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 48.4% cyan, 2.1% magenta, 0% yellow and 62.7% black. It has a hue angle of 182.6 degrees, a saturation of 31.9% and a lightness of 28.2%. #315d5f color hex could be obtained by blending #62babe with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 36
- B 37
RGB color chart
- C 48
- M 2
- Y 0
- K 63
CMYK color chart

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

The hexadecimal color #315d5f has RGB values of R:49, G:93, B:95 and CMYK values of C:0.48, M:0.02, Y:0, K:0.63. Its decimal value is 3235167.

Hex triplet	315d5f	`#315d5f`
RGB Decimal	49, 93, 95	`rgb(49,93,95)`
RGB Percent	19.2, 36.5, 37.3	`rgb(19.2%,36.5%,37.3%)`
CMYK	48, 2, 0, 63
HSL	182.6°, 31.9, 28.2	`hsl(182.6,31.9%,28.2%)`
HSV (or HSB)	182.6°, 48.4, 37.3
Web Safe	336666	`#336666`

CIE-LAB	36.57, -14.583, -5.889
XYZ	7.246, 9.307, 12.241
xyY	0.252, 0.323, 9.307
CIE-LCH	36.57, 15.727, 201.988
CIE-LUV	36.57, -18.996, -5.723
Hunter-Lab	30.508, -10.994, -2.433
Binary	00110001, 01011101, 01011111

#315d5f
```
#315d5f rgb(49,93,95)
```
#5f3331
```
#5f3331 rgb(95,51,49)
```

Complementary Color

#315f4a
```
#315f4a rgb(49,95,74)
```
#315d5f
```
#315d5f rgb(49,93,95)
```
#31465f
```
#31465f rgb(49,70,95)
```

Analogous Color

#5f4a31
```
#5f4a31 rgb(95,74,49)
```
#315d5f
```
#315d5f rgb(49,93,95)
```
#5f3146
```
#5f3146 rgb(95,49,70)
```

Split Complementary Color

#5d5f31
```
#5d5f31 rgb(93,95,49)
```
#315d5f
```
#315d5f rgb(49,93,95)
```
#5f315d
```
#5f315d rgb(95,49,93)
```

Triadic Color

#315f33
```
#315f33 rgb(49,95,51)
```
#315d5f
```
#315d5f rgb(49,93,95)
```
#5f315d
```
#5f315d rgb(95,49,93)
```
#5f3331
```
#5f3331 rgb(95,51,49)
```

Tetradic Color

#172c2d
```
#172c2d rgb(23,44,45)
```
#203c3d
```
#203c3d rgb(32,60,61)
```
#284d4e
```
#284d4e rgb(40,77,78)
```
#315d5f
```
#315d5f rgb(49,93,95)
```
#3a6d70
```
#3a6d70 rgb(58,109,112)
```
#427e81
```
#427e81 rgb(66,126,129)
```
#4b8e91
```
#4b8e91 rgb(75,142,145)
```

Monochromatic Color

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

#315f56
```
#315f56 rgb(49,95,86)
```
#315f59
```
#315f59 rgb(49,95,89)
```
#315f5d
```
#315f5d rgb(49,95,93)
```
#315d5f
```
#315d5f rgb(49,93,95)
```
#31595f
```
#31595f rgb(49,89,95)
```
#31555f
```
#31555f rgb(49,85,95)
```
#31525f
```
#31525f rgb(49,82,95)
```

Similar Colors

Text with hexadecimal color #315d5f

This text has a font color of #315d5f.

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

#315d5f background color

This paragraph has a background color of #315d5f.

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

#315d5f border color

This element has a border color of #315d5f.

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

CSS codes

.text {color:#315d5f;}

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

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

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, #020404 is the darkest color, while #f6fafb is the lightest one.

#020404
```
#020404 rgb(2,4,4)
```
#091111
```
#091111 rgb(9,17,17)
```
#101e1e
```
#101e1e rgb(16,30,30)
```
#162a2b
```
#162a2b rgb(22,42,43)
```
#1d3738
```
#1d3738 rgb(29,55,56)
```
#244445
```
#244445 rgb(36,68,69)
```
#2a5052
```
#2a5052 rgb(42,80,82)
```
#315d5f
```
#315d5f rgb(49,93,95)
```
#386a6c
```
#386a6c rgb(56,106,108)
```
#3e7679
```
#3e7679 rgb(62,118,121)
```
#458386
```
#458386 rgb(69,131,134)
```
#4c9093
```
#4c9093 rgb(76,144,147)
```
#529ca0
```
#529ca0 rgb(82,156,160)
```

Shade Color Variation

#5ba7ab
```
#5ba7ab rgb(91,167,171)
```
#68aeb1
```
#68aeb1 rgb(104,174,177)
```
#75b5b8
```
#75b5b8 rgb(117,181,184)
```
#82bcbf
```
#82bcbf rgb(130,188,191)
```
#8fc3c5
```
#8fc3c5 rgb(143,195,197)
```
#9ccacc
```
#9ccacc rgb(156,202,204)
```
#a9d1d3
```
#a9d1d3 rgb(169,209,211)
```
#b6d8d9
```
#b6d8d9 rgb(182,216,217)
```
#c3dfe0
```
#c3dfe0 rgb(195,223,224)
```
#d0e6e7
```
#d0e6e7 rgb(208,230,231)
```
#ddeded
```
#ddeded rgb(221,237,237)
```
#eaf3f4
```
#eaf3f4 rgb(234,243,244)
```
#f6fafb
```
#f6fafb rgb(246,250,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #474949 is the less saturated color, while #05858b is the most saturated one.

#474949
```
#474949 rgb(71,73,73)
```
#424e4e
```
#424e4e rgb(66,78,78)
```
#3c5354
```
#3c5354 rgb(60,83,84)
```
#375859
```
#375859 rgb(55,88,89)
```
#315d5f
```
#315d5f rgb(49,93,95)
```
#2b6265
```
#2b6265 rgb(43,98,101)
```
#26676a
```
#26676a rgb(38,103,106)
```
#206c70
```
#206c70 rgb(32,108,112)
```
#1b7175
```
#1b7175 rgb(27,113,117)
```
#15767b
```
#15767b rgb(21,118,123)
```
#107b80
```
#107b80 rgb(16,123,128)
```
#0a8086
```
#0a8086 rgb(10,128,134)
```
#05858b
```
#05858b rgb(5,133,139)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#4a5353 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f5e63 Protanopia 1% of men
#615c6a Deuteranopia 1% of men
#3d646c Tritanopia 0.001% of the population

Trichromacy

#4e5d61 Protanomaly 1% of men, 0.01% of women
#505c66 Deuteranomaly 6% of men, 0.4% of women
#386167 Tritanomaly 0.01% of the population

#315d5f hex color

#315d5f Color Information

#315d5f Color Conversion

Color Schemes with #315d5f

Alternatives to #315d5f

#315d5f Preview

Shades and Tints of #315d5f

Tones of #315d5f

Color Blindness Simulator