#315d70 hex color

In a RGB color space, hex #315d70 is composed of 19.2% red, 36.5% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 56.3% cyan, 17% magenta, 0% yellow and 56.1% black. It has a hue angle of 198.1 degrees, a saturation of 39.1% and a lightness of 31.6%. #315d70 color hex could be obtained by blending #62bae0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 36
- B 44
RGB color chart
- C 56
- M 17
- Y 0
- K 56
CMYK color chart

● #315d70 color description : Very dark desaturated blue.

The hexadecimal color #315d70 has RGB values of R:49, G:93, B:112 and CMYK values of C:0.56, M:0.17, Y:0, K:0.56. Its decimal value is 3235184.

Hex triplet	315d70	`#315d70`
RGB Decimal	49, 93, 112	`rgb(49,93,112)`
RGB Percent	19.2, 36.5, 43.9	`rgb(19.2%,36.5%,43.9%)`
CMYK	56, 17, 0, 56
HSL	198.1°, 39.1, 31.6	`hsl(198.1,39.1%,31.6%)`
HSV (or HSB)	198.1°, 56.3, 43.9
Web Safe	336666	`#336666`

CIE-LAB	37.209, -9.272, -15.455
XYZ	8.105, 9.651, 16.764
xyY	0.235, 0.28, 9.651
CIE-LCH	37.209, 18.023, 239.04
CIE-LUV	37.209, -18.509, -19.736
Hunter-Lab	31.066, -7.797, -10.248
Binary	00110001, 01011101, 01110000

#315d70
```
#315d70 rgb(49,93,112)
```
#704431
```
#704431 rgb(112,68,49)
```

Complementary Color

#317064
```
#317064 rgb(49,112,100)
```
#315d70
```
#315d70 rgb(49,93,112)
```
#313e70
```
#313e70 rgb(49,62,112)
```

Analogous Color

#706331
```
#706331 rgb(112,99,49)
```
#315d70
```
#315d70 rgb(49,93,112)
```
#70313e
```
#70313e rgb(112,49,62)
```

Split Complementary Color

#5d7031
```
#5d7031 rgb(93,112,49)
```
#315d70
```
#315d70 rgb(49,93,112)
```
#70315d
```
#70315d rgb(112,49,93)
```

Triadic Color

#317044
```
#317044 rgb(49,112,68)
```
#315d70
```
#315d70 rgb(49,93,112)
```
#70315d
```
#70315d rgb(112,49,93)
```
#704431
```
#704431 rgb(112,68,49)
```

Tetradic Color

#1a313b
```
#1a313b rgb(26,49,59)
```
#21404d
```
#21404d rgb(33,64,77)
```
#294e5e
```
#294e5e rgb(41,78,94)
```
#315d70
```
#315d70 rgb(49,93,112)
```
#396c82
```
#396c82 rgb(57,108,130)
```
#417a93
```
#417a93 rgb(65,122,147)
```
#4889a5
```
#4889a5 rgb(72,137,165)
```

Monochromatic Color

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

#316d70
```
#316d70 rgb(49,109,112)
```
#316870
```
#316870 rgb(49,104,112)
```
#316270
```
#316270 rgb(49,98,112)
```
#315d70
```
#315d70 rgb(49,93,112)
```
#315870
```
#315870 rgb(49,88,112)
```
#315370
```
#315370 rgb(49,83,112)
```
#314d70
```
#314d70 rgb(49,77,112)
```

Similar Colors

Text with hexadecimal color #315d70

This text has a font color of #315d70.

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

#315d70 background color

This paragraph has a background color of #315d70.

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

#315d70 border color

This element has a border color of #315d70.

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

CSS codes

.text {color:#315d70;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#070e10
```
#070e10 rgb(7,14,16)
```
#0d191e
```
#0d191e rgb(13,25,30)
```
#13242c
```
#13242c rgb(19,36,44)
```
#193039
```
#193039 rgb(25,48,57)
```
#1f3b47
```
#1f3b47 rgb(31,59,71)
```
#254655
```
#254655 rgb(37,70,85)
```
#2b5262
```
#2b5262 rgb(43,82,98)
```
#315d70
```
#315d70 rgb(49,93,112)
```
#37687e
```
#37687e rgb(55,104,126)
```
#3d748b
```
#3d748b rgb(61,116,139)
```
#437f99
```
#437f99 rgb(67,127,153)
```
#498aa7
```
#498aa7 rgb(73,138,167)
```

Shade Color Variation

#5095b3
```
#5095b3 rgb(80,149,179)
```
#5e9db9
```
#5e9db9 rgb(94,157,185)
```
#6ca6bf
```
#6ca6bf rgb(108,166,191)
```
#79aec5
```
#79aec5 rgb(121,174,197)
```
#87b6cb
```
#87b6cb rgb(135,182,203)
```
#95bed0
```
#95bed0 rgb(149,190,208)
```
#a2c7d6
```
#a2c7d6 rgb(162,199,214)
```
#b0cfdc
```
#b0cfdc rgb(176,207,220)
```
#bed7e2
```
#bed7e2 rgb(190,215,226)
```
#cbe0e8
```
#cbe0e8 rgb(203,224,232)
```
#d9e8ee
```
#d9e8ee rgb(217,232,238)
```
#e7f0f4
```
#e7f0f4 rgb(231,240,244)
```
#f4f8fa
```
#f4f8fa rgb(244,248,250)
```

Tint Color Variation

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

#505151
```
#505151 rgb(80,81,81)
```
#4a5357
```
#4a5357 rgb(74,83,87)
```
#44565d
```
#44565d rgb(68,86,93)
```
#3d5864
```
#3d5864 rgb(61,88,100)
```
#375b6a
```
#375b6a rgb(55,91,106)
```
#315d70
```
#315d70 rgb(49,93,112)
```
#2b5f76
```
#2b5f76 rgb(43,95,118)
```
#25627c
```
#25627c rgb(37,98,124)
```
#1e6483
```
#1e6483 rgb(30,100,131)
```
#186789
```
#186789 rgb(24,103,137)
```
#12698f
```
#12698f rgb(18,105,143)
```
#0c6c95
```
#0c6c95 rgb(12,108,149)
```
#066e9b
```
#066e9b rgb(6,110,155)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#4b5458 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b5f73 Protanopia 1% of men
#5a5e79 Deuteranopia 1% of men
#37676e Tritanopia 0.001% of the population

Trichromacy

#4b5e72 Protanomaly 1% of men, 0.01% of women
#4b5e76 Deuteranomaly 6% of men, 0.4% of women
#35636f Tritanomaly 0.01% of the population

#315d70 hex color

#315d70 Color Information

#315d70 Color Conversion

Color Schemes with #315d70

Alternatives to #315d70

#315d70 Preview

Shades and Tints of #315d70

Tones of #315d70

Color Blindness Simulator