#315188 hex color

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

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

● #315188 color description : Dark moderate blue.

The hexadecimal color #315188 has RGB values of R:49, G:81, B:136 and CMYK values of C:0.64, M:0.4, Y:0, K:0.47. Its decimal value is 3232136.

Hex triplet	315188	`#315188`
RGB Decimal	49, 81, 136	`rgb(49,81,136)`
RGB Percent	19.2, 31.8, 53.3	`rgb(19.2%,31.8%,53.3%)`
CMYK	64, 40, 0, 47
HSL	217.9°, 47, 36.3	`hsl(217.9,47%,36.3%)`
HSV (or HSB)	217.9°, 64, 53.3
Web Safe	336699	`#336699`

CIE-LAB	34.63, 6.687, -34.254
XYZ	8.652, 8.315, 24.44
xyY	0.209, 0.201, 8.315
CIE-LCH	34.63, 34.9, 281.046
CIE-LUV	34.63, -13.688, -47.85
Hunter-Lab	28.836, 3.096, -30.068
Binary	00110001, 01010001, 10001000

#315188
```
#315188 rgb(49,81,136)
```
#886831
```
#886831 rgb(136,104,49)
```

Complementary Color

#317d88
```
#317d88 rgb(49,125,136)
```
#315188
```
#315188 rgb(49,81,136)
```
#3d3188
```
#3d3188 rgb(61,49,136)
```

Analogous Color

#7d8831
```
#7d8831 rgb(125,136,49)
```
#315188
```
#315188 rgb(49,81,136)
```
#883d31
```
#883d31 rgb(136,61,49)
```

Split Complementary Color

#518831
```
#518831 rgb(81,136,49)
```
#315188
```
#315188 rgb(49,81,136)
```
#883151
```
#883151 rgb(136,49,81)
```

Triadic Color

#318868
```
#318868 rgb(49,136,104)
```
#315188
```
#315188 rgb(49,81,136)
```
#883151
```
#883151 rgb(136,49,81)
```
#886831
```
#886831 rgb(136,104,49)
```

Tetradic Color

#1d3050
```
#1d3050 rgb(29,48,80)
```
#233b63
```
#233b63 rgb(35,59,99)
```
#2a4675
```
#2a4675 rgb(42,70,117)
```
#315188
```
#315188 rgb(49,81,136)
```
#385c9b
```
#385c9b rgb(56,92,155)
```
#3f67ad
```
#3f67ad rgb(63,103,173)
```
#4873bd
```
#4873bd rgb(72,115,189)
```

Monochromatic Color

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

#316788
```
#316788 rgb(49,103,136)
```
#316088
```
#316088 rgb(49,96,136)
```
#315888
```
#315888 rgb(49,88,136)
```
#315188
```
#315188 rgb(49,81,136)
```
#314a88
```
#314a88 rgb(49,74,136)
```
#314388
```
#314388 rgb(49,67,136)
```
#313b88
```
#313b88 rgb(49,59,136)
```

Similar Colors

Text with hexadecimal color #315188

This text has a font color of #315188.

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

#315188 background color

This paragraph has a background color of #315188.

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

#315188 border color

This element has a border color of #315188.

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

CSS codes

.text {color:#315188;}

.background {background-color:#315188;}

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

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)
```
#070c15
```
#070c15 rgb(7,12,21)
```
#0d1523
```
#0d1523 rgb(13,21,35)
```
#121d31
```
#121d31 rgb(18,29,49)
```
#172640
```
#172640 rgb(23,38,64)
```
#1c2f4e
```
#1c2f4e rgb(28,47,78)
```
#21375d
```
#21375d rgb(33,55,93)
```
#27406b
```
#27406b rgb(39,64,107)
```
#2c487a
```
#2c487a rgb(44,72,122)
```
#315188
```
#315188 rgb(49,81,136)
```
#365a96
```
#365a96 rgb(54,90,150)
```
#3b62a5
```
#3b62a5 rgb(59,98,165)
```
#416bb3
```
#416bb3 rgb(65,107,179)
```

Shade Color Variation

#4a74be
```
#4a74be rgb(74,116,190)
```
#587fc3
```
#587fc3 rgb(88,127,195)
```
#678ac8
```
#678ac8 rgb(103,138,200)
```
#7595cd
```
#7595cd rgb(117,149,205)
```
#83a1d2
```
#83a1d2 rgb(131,161,210)
```
#92acd8
```
#92acd8 rgb(146,172,216)
```
#a0b7dd
```
#a0b7dd rgb(160,183,221)
```
#afc2e2
```
#afc2e2 rgb(175,194,226)
```
#bdcde7
```
#bdcde7 rgb(189,205,231)
```
#ccd8ec
```
#ccd8ec rgb(204,216,236)
```
#dae3f2
```
#dae3f2 rgb(218,227,242)
```
#e8eef7
```
#e8eef7 rgb(232,238,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 #0646b3 is the most saturated one.

#5c5c5d
```
#5c5c5d rgb(92,92,93)
```
#555a64
```
#555a64 rgb(85,90,100)
```
#4d596c
```
#4d596c rgb(77,89,108)
```
#465773
```
#465773 rgb(70,87,115)
```
#3f557a
```
#3f557a rgb(63,85,122)
```
#385381
```
#385381 rgb(56,83,129)
```
#315188
```
#315188 rgb(49,81,136)
```
#2a4f8f
```
#2a4f8f rgb(42,79,143)
```
#234d96
```
#234d96 rgb(35,77,150)
```
#1c4b9d
```
#1c4b9d rgb(28,75,157)
```
#1549a4
```
#1549a4 rgb(21,73,164)
```
#0d48ac
```
#0d48ac rgb(13,72,172)
```
#0646b3
```
#0646b3 rgb(6,70,179)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#484f5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#43588d Protanopia 1% of men
#365a8d Deuteranopia 1% of men
#236269 Tritanopia 0.001% of the population

Trichromacy

#3c558b Protanomaly 1% of men, 0.01% of women
#34578b Deuteranomaly 6% of men, 0.4% of women
#285c74 Tritanomaly 0.01% of the population

#315188 hex color

#315188 Color Information

#315188 Color Conversion

Color Schemes with #315188

Alternatives to #315188

#315188 Preview

Shades and Tints of #315188

Tones of #315188

Color Blindness Simulator