#315a87 hex color

In a RGB color space, hex #315a87 is composed of 19.2% red, 35.3% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 63.7% cyan, 33.3% magenta, 0% yellow and 47.1% black. It has a hue angle of 211.4 degrees, a saturation of 46.7% and a lightness of 36.1%. #315a87 color hex could be obtained by blending #62b4ff with #00000f. Closest websafe color is: #336699.

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

● #315a87 color description : Dark moderate blue.

The hexadecimal color #315a87 has RGB values of R:49, G:90, B:135 and CMYK values of C:0.64, M:0.33, Y:0, K:0.47. Its decimal value is 3234439.

Hex triplet	315a87	`#315a87`
RGB Decimal	49, 90, 135	`rgb(49,90,135)`
RGB Percent	19.2, 35.3, 52.9	`rgb(19.2%,35.3%,52.9%)`
CMYK	64, 33, 0, 47
HSL	211.4°, 46.7, 36.1	`hsl(211.4,46.7%,36.1%)`
HSV (or HSB)	211.4°, 63.7, 52.9
Web Safe	336699	`#336699`

CIE-LAB	37.324, 0.514, -29.385
XYZ	9.295, 9.714, 24.305
xyY	0.215, 0.224, 9.714
CIE-LCH	37.324, 29.39, 271.003
CIE-LUV	37.324, -16.844, -41.125
Hunter-Lab	31.167, -1.309, -24.42
Binary	00110001, 01011010, 10000111

#315a87
```
#315a87 rgb(49,90,135)
```
#875e31
```
#875e31 rgb(135,94,49)
```

Complementary Color

#318587
```
#318587 rgb(49,133,135)
```
#315a87
```
#315a87 rgb(49,90,135)
```
#333187
```
#333187 rgb(51,49,135)
```

Analogous Color

#858731
```
#858731 rgb(133,135,49)
```
#315a87
```
#315a87 rgb(49,90,135)
```
#873331
```
#873331 rgb(135,51,49)
```

Split Complementary Color

#5a8731
```
#5a8731 rgb(90,135,49)
```
#315a87
```
#315a87 rgb(49,90,135)
```
#87315a
```
#87315a rgb(135,49,90)
```

Triadic Color

#31875e
```
#31875e rgb(49,135,94)
```
#315a87
```
#315a87 rgb(49,90,135)
```
#87315a
```
#87315a rgb(135,49,90)
```
#875e31
```
#875e31 rgb(135,94,49)
```

Tetradic Color

#1d354f
```
#1d354f rgb(29,53,79)
```
#234162
```
#234162 rgb(35,65,98)
```
#2a4e74
```
#2a4e74 rgb(42,78,116)
```
#315a87
```
#315a87 rgb(49,90,135)
```
#38669a
```
#38669a rgb(56,102,154)
```
#3f73ac
```
#3f73ac rgb(63,115,172)
```
#4880bd
```
#4880bd rgb(72,128,189)
```

Monochromatic Color

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

#317087
```
#317087 rgb(49,112,135)
```
#316887
```
#316887 rgb(49,104,135)
```
#316187
```
#316187 rgb(49,97,135)
```
#315a87
```
#315a87 rgb(49,90,135)
```
#315387
```
#315387 rgb(49,83,135)
```
#314c87
```
#314c87 rgb(49,76,135)
```
#314487
```
#314487 rgb(49,68,135)
```

Similar Colors

Text with hexadecimal color #315a87

This text has a font color of #315a87.

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

#315a87 background color

This paragraph has a background color of #315a87.

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

#315a87 border color

This element has a border color of #315a87.

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

CSS codes

.text {color:#315a87;}

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

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

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

#020405
```
#020405 rgb(2,4,5)
```
#070d14
```
#070d14 rgb(7,13,20)
```
#0c1722
```
#0c1722 rgb(12,23,34)
```
#122031
```
#122031 rgb(18,32,49)
```
#172a3f
```
#172a3f rgb(23,42,63)
```
#1c344d
```
#1c344d rgb(28,52,77)
```
#213d5c
```
#213d5c rgb(33,61,92)
```
#27476a
```
#27476a rgb(39,71,106)
```
#2c5079
```
#2c5079 rgb(44,80,121)
```
#315a87
```
#315a87 rgb(49,90,135)
```
#366495
```
#366495 rgb(54,100,149)
```
#3b6da4
```
#3b6da4 rgb(59,109,164)
```
#4177b2
```
#4177b2 rgb(65,119,178)
```

Shade Color Variation

#4981bd
```
#4981bd rgb(73,129,189)
```
#588bc2
```
#588bc2 rgb(88,139,194)
```
#6695c8
```
#6695c8 rgb(102,149,200)
```
#759fcd
```
#759fcd rgb(117,159,205)
```
#83a9d2
```
#83a9d2 rgb(131,169,210)
```
#91b3d7
```
#91b3d7 rgb(145,179,215)
```
#a0bddc
```
#a0bddc rgb(160,189,220)
```
#aec7e2
```
#aec7e2 rgb(174,199,226)
```
#bdd1e7
```
#bdd1e7 rgb(189,209,231)
```
#cbdbec
```
#cbdbec rgb(203,219,236)
```
#d9e5f1
```
#d9e5f1 rgb(217,229,241)
```
#e8eff7
```
#e8eff7 rgb(232,239,247)
```
#f6f9fc
```
#f6f9fc rgb(246,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5b5c5d is the less saturated color, while #0758b1 is the most saturated one.

#5b5c5d
```
#5b5c5d rgb(91,92,93)
```
#545c64
```
#545c64 rgb(84,92,100)
```
#4d5b6b
```
#4d5b6b rgb(77,91,107)
```
#465b72
```
#465b72 rgb(70,91,114)
```
#3f5b79
```
#3f5b79 rgb(63,91,121)
```
#385a80
```
#385a80 rgb(56,90,128)
```
#315a87
```
#315a87 rgb(49,90,135)
```
#2a5a8e
```
#2a5a8e rgb(42,90,142)
```
#235995
```
#235995 rgb(35,89,149)
```
#1c599c
```
#1c599c rgb(28,89,156)
```
#1559a3
```
#1559a3 rgb(21,89,163)
```
#0e58aa
```
#0e58aa rgb(14,88,170)
```
#0758b1
```
#0758b1 rgb(7,88,177)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#4c545d Atypical Achromatopsia 0.001% of the population

Dichromacy

#505f8a Protanopia 1% of men
#47608e Deuteranopia 1% of men
#296870 Tritanopia 0.001% of the population

Trichromacy

#455d89 Protanomaly 1% of men, 0.01% of women
#3f5e8b Deuteranomaly 6% of men, 0.4% of women
#2c6378 Tritanomaly 0.01% of the population

#315a87 hex color

#315a87 Color Information

#315a87 Color Conversion

Color Schemes with #315a87

Alternatives to #315a87

#315a87 Preview

Shades and Tints of #315a87

Tones of #315a87

Color Blindness Simulator