#315688 hex color

In a RGB color space, hex #315688 is composed of 19.2% red, 33.7% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 36.8% magenta, 0% yellow and 46.7% black. It has a hue angle of 214.5 degrees, a saturation of 47% and a lightness of 36.3%. #315688 color hex could be obtained by blending #62acff with #000011. Closest websafe color is: #336699.

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

● #315688 color description : Dark moderate blue.

The hexadecimal color #315688 has RGB values of R:49, G:86, B:136 and CMYK values of C:0.64, M:0.37, Y:0, K:0.47. Its decimal value is 3233416.

Hex triplet	315688	`#315688`
RGB Decimal	49, 86, 136	`rgb(49,86,136)`
RGB Percent	19.2, 33.7, 53.3	`rgb(19.2%,33.7%,53.3%)`
CMYK	64, 37, 0, 47
HSL	214.5°, 47, 36.3	`hsl(214.5,47%,36.3%)`
HSV (or HSB)	214.5°, 64, 53.3
Web Safe	336699	`#336699`

CIE-LAB	36.148, 3.433, -31.849
XYZ	9.037, 9.086, 24.569
xyY	0.212, 0.213, 9.086
CIE-LCH	36.148, 32.033, 276.153
CIE-LUV	36.148, -15.411, -44.645
Hunter-Lab	30.142, 0.769, -27.227
Binary	00110001, 01010110, 10001000

#315688
```
#315688 rgb(49,86,136)
```
#886331
```
#886331 rgb(136,99,49)
```

Complementary Color

#318288
```
#318288 rgb(49,130,136)
```
#315688
```
#315688 rgb(49,86,136)
```
#383188
```
#383188 rgb(56,49,136)
```

Analogous Color

#828831
```
#828831 rgb(130,136,49)
```
#315688
```
#315688 rgb(49,86,136)
```
#883831
```
#883831 rgb(136,56,49)
```

Split Complementary Color

#568831
```
#568831 rgb(86,136,49)
```
#315688
```
#315688 rgb(49,86,136)
```
#883156
```
#883156 rgb(136,49,86)
```

Triadic Color

#318863
```
#318863 rgb(49,136,99)
```
#315688
```
#315688 rgb(49,86,136)
```
#883156
```
#883156 rgb(136,49,86)
```
#886331
```
#886331 rgb(136,99,49)
```

Tetradic Color

#1d3250
```
#1d3250 rgb(29,50,80)
```
#233e63
```
#233e63 rgb(35,62,99)
```
#2a4a75
```
#2a4a75 rgb(42,74,117)
```
#315688
```
#315688 rgb(49,86,136)
```
#38629b
```
#38629b rgb(56,98,155)
```
#3f6ead
```
#3f6ead rgb(63,110,173)
```
#487abd
```
#487abd rgb(72,122,189)
```

Monochromatic Color

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

#316c88
```
#316c88 rgb(49,108,136)
```
#316588
```
#316588 rgb(49,101,136)
```
#315d88
```
#315d88 rgb(49,93,136)
```
#315688
```
#315688 rgb(49,86,136)
```
#314f88
```
#314f88 rgb(49,79,136)
```
#314888
```
#314888 rgb(49,72,136)
```
#314088
```
#314088 rgb(49,64,136)
```

Similar Colors

Text with hexadecimal color #315688

This text has a font color of #315688.

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

#315688 background color

This paragraph has a background color of #315688.

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

#315688 border color

This element has a border color of #315688.

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

CSS codes

.text {color:#315688;}

.background {background-color:#315688;}

.border {border:1px solid #315688;}

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

#020406
```
#020406 rgb(2,4,6)
```
#070d15
```
#070d15 rgb(7,13,21)
```
#0d1623
```
#0d1623 rgb(13,22,35)
```
#121f31
```
#121f31 rgb(18,31,49)
```
#172840
```
#172840 rgb(23,40,64)
```
#1c324e
```
#1c324e rgb(28,50,78)
```
#213b5d
```
#213b5d rgb(33,59,93)
```
#27446b
```
#27446b rgb(39,68,107)
```
#2c4d7a
```
#2c4d7a rgb(44,77,122)
```
#315688
```
#315688 rgb(49,86,136)
```
#365f96
```
#365f96 rgb(54,95,150)
```
#3b68a5
```
#3b68a5 rgb(59,104,165)
```
#4171b3
```
#4171b3 rgb(65,113,179)
```

Shade Color Variation

#4a7bbe
```
#4a7bbe rgb(74,123,190)
```
#5886c3
```
#5886c3 rgb(88,134,195)
```
#6790c8
```
#6790c8 rgb(103,144,200)
```
#759bcd
```
#759bcd rgb(117,155,205)
```
#83a5d2
```
#83a5d2 rgb(131,165,210)
```
#92b0d8
```
#92b0d8 rgb(146,176,216)
```
#a0badd
```
#a0badd rgb(160,186,221)
```
#afc5e2
```
#afc5e2 rgb(175,197,226)
```
#bdcfe7
```
#bdcfe7 rgb(189,207,231)
```
#ccdaec
```
#ccdaec rgb(204,218,236)
```
#dae4f2
```
#dae4f2 rgb(218,228,242)
```
#e8eff7
```
#e8eff7 rgb(232,239,247)
```
#f7f9fc
```
#f7f9fc rgb(247,249,252)
```

Tint Color Variation

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

#5c5c5d
```
#5c5c5d rgb(92,92,93)
```
#555b64
```
#555b64 rgb(85,91,100)
```
#4d5a6c
```
#4d5a6c rgb(77,90,108)
```
#465973
```
#465973 rgb(70,89,115)
```
#3f587a
```
#3f587a rgb(63,88,122)
```
#385781
```
#385781 rgb(56,87,129)
```
#315688
```
#315688 rgb(49,86,136)
```
#2a558f
```
#2a558f rgb(42,85,143)
```
#235496
```
#235496 rgb(35,84,150)
```
#1c539d
```
#1c539d rgb(28,83,157)
```
#1552a4
```
#1552a4 rgb(21,82,164)
```
#0d51ac
```
#0d51ac rgb(13,81,172)
```
#0650b3
```
#0650b3 rgb(6,80,179)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#4b525c Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a5c8c Protanopia 1% of men
#405e8e Deuteranopia 1% of men
#26656d Tritanopia 0.001% of the population

Trichromacy

#415a8a Protanomaly 1% of men, 0.01% of women
#3a5b8c Deuteranomaly 6% of men, 0.4% of women
#2a6077 Tritanomaly 0.01% of the population

#315688 hex color

#315688 Color Information

#315688 Color Conversion

Color Schemes with #315688

Alternatives to #315688

#315688 Preview

Shades and Tints of #315688

Tones of #315688

Color Blindness Simulator