#315d84 hex color

In a RGB color space, hex #315d84 is composed of 19.2% red, 36.5% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 62.9% cyan, 29.5% magenta, 0% yellow and 48.2% black. It has a hue angle of 208.2 degrees, a saturation of 45.9% and a lightness of 35.5%. #315d84 color hex could be obtained by blending #62baff with #000009. Closest websafe color is: #336699.

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

● #315d84 color description : Dark moderate blue.

The hexadecimal color #315d84 has RGB values of R:49, G:93, B:132 and CMYK values of C:0.63, M:0.3, Y:0, K:0.48. Its decimal value is 3235204.

Hex triplet	315d84	`#315d84`
RGB Decimal	49, 93, 132	`rgb(49,93,132)`
RGB Percent	19.2, 36.5, 51.8	`rgb(19.2%,36.5%,51.8%)`
CMYK	63, 30, 0, 48
HSL	208.2°, 45.9, 35.5	`hsl(208.2,45.9%,35.5%)`
HSV (or HSB)	208.2°, 62.9, 51.8
Web Safe	336699	`#336699`

CIE-LAB	38.105, -2.44, -26.333
XYZ	9.345, 10.147, 23.295
xyY	0.218, 0.237, 10.147
CIE-LCH	38.105, 26.446, 264.706
CIE-LUV	38.105, -17.995, -36.528
Hunter-Lab	31.854, -3.38, -21.06
Binary	00110001, 01011101, 10000100

#315d84
```
#315d84 rgb(49,93,132)
```
#845831
```
#845831 rgb(132,88,49)
```

Complementary Color

#318482
```
#318482 rgb(49,132,130)
```
#315d84
```
#315d84 rgb(49,93,132)
```
#313484
```
#313484 rgb(49,52,132)
```

Analogous Color

#848231
```
#848231 rgb(132,130,49)
```
#315d84
```
#315d84 rgb(49,93,132)
```
#843134
```
#843134 rgb(132,49,52)
```

Split Complementary Color

#5d8431
```
#5d8431 rgb(93,132,49)
```
#315d84
```
#315d84 rgb(49,93,132)
```
#84315d
```
#84315d rgb(132,49,93)
```

Triadic Color

#318458
```
#318458 rgb(49,132,88)
```
#315d84
```
#315d84 rgb(49,93,132)
```
#84315d
```
#84315d rgb(132,49,93)
```
#845831
```
#845831 rgb(132,88,49)
```

Tetradic Color

#1c364c
```
#1c364c rgb(28,54,76)
```
#23435f
```
#23435f rgb(35,67,95)
```
#2a5071
```
#2a5071 rgb(42,80,113)
```
#315d84
```
#315d84 rgb(49,93,132)
```
#386a97
```
#386a97 rgb(56,106,151)
```
#3f77a9
```
#3f77a9 rgb(63,119,169)
```
#4784bb
```
#4784bb rgb(71,132,187)
```

Monochromatic Color

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

#317284
```
#317284 rgb(49,114,132)
```
#316b84
```
#316b84 rgb(49,107,132)
```
#316484
```
#316484 rgb(49,100,132)
```
#315d84
```
#315d84 rgb(49,93,132)
```
#315684
```
#315684 rgb(49,86,132)
```
#314f84
```
#314f84 rgb(49,79,132)
```
#314884
```
#314884 rgb(49,72,132)
```

Similar Colors

Text with hexadecimal color #315d84

This text has a font color of #315d84.

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

#315d84 background color

This paragraph has a background color of #315d84.

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

#315d84 border color

This element has a border color of #315d84.

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

CSS codes

.text {color:#315d84;}

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

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

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 #f4f8fb is the lightest one.

#010203
```
#010203 rgb(1,2,3)
```
#070c12
```
#070c12 rgb(7,12,18)
```
#0c1620
```
#0c1620 rgb(12,22,32)
```
#11212e
```
#11212e rgb(17,33,46)
```
#162b3c
```
#162b3c rgb(22,43,60)
```
#1c354b
```
#1c354b rgb(28,53,75)
```
#213f59
```
#213f59 rgb(33,63,89)
```
#264967
```
#264967 rgb(38,73,103)
```
#2c5376
```
#2c5376 rgb(44,83,118)
```
#315d84
```
#315d84 rgb(49,93,132)
```
#366792
```
#366792 rgb(54,103,146)
```
#3c71a1
```
#3c71a1 rgb(60,113,161)
```
#417baf
```
#417baf rgb(65,123,175)
```

Shade Color Variation

#4885bb
```
#4885bb rgb(72,133,187)
```
#578fc0
```
#578fc0 rgb(87,143,192)
```
#6598c6
```
#6598c6 rgb(101,152,198)
```
#73a2cb
```
#73a2cb rgb(115,162,203)
```
#82abd0
```
#82abd0 rgb(130,171,208)
```
#90b5d6
```
#90b5d6 rgb(144,181,214)
```
#9ebedb
```
#9ebedb rgb(158,190,219)
```
#acc8e0
```
#acc8e0 rgb(172,200,224)
```
#bbd1e6
```
#bbd1e6 rgb(187,209,230)
```
#c9dbeb
```
#c9dbeb rgb(201,219,235)
```
#d7e5f0
```
#d7e5f0 rgb(215,229,240)
```
#e6eef6
```
#e6eef6 rgb(230,238,246)
```
#f4f8fb
```
#f4f8fb rgb(244,248,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #545b61 is the less saturated color, while #0060b5 is the most saturated one.

#545b61
```
#545b61 rgb(84,91,97)
```
#4d5b68
```
#4d5b68 rgb(77,91,104)
```
#465c6f
```
#465c6f rgb(70,92,111)
```
#3f5c76
```
#3f5c76 rgb(63,92,118)
```
#385d7d
```
#385d7d rgb(56,93,125)
```
#315d84
```
#315d84 rgb(49,93,132)
```
#2a5d8b
```
#2a5d8b rgb(42,93,139)
```
#235e92
```
#235e92 rgb(35,94,146)
```
#1c5e99
```
#1c5e99 rgb(28,94,153)
```
#155fa0
```
#155fa0 rgb(21,95,160)
```
#0e5fa7
```
#0e5fa7 rgb(14,95,167)
```
#0760ae
```
#0760ae rgb(7,96,174)
```
#0060b5
```
#0060b5 rgb(0,96,181)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#4d565e Atypical Achromatopsia 0.001% of the population

Dichromacy

#556187 Protanopia 1% of men
#4e618b Deuteranopia 1% of men
#2d6a72 Tritanopia 0.001% of the population

Trichromacy

#485f86 Protanomaly 1% of men, 0.01% of women
#446089 Deuteranomaly 6% of men, 0.4% of women
#2e6578 Tritanomaly 0.01% of the population

#315d84 hex color

#315d84 Color Information

#315d84 Color Conversion

Color Schemes with #315d84

Alternatives to #315d84

#315d84 Preview

Shades and Tints of #315d84

Tones of #315d84

Color Blindness Simulator