#315381 hex color

In a RGB color space, hex #315381 is composed of 19.2% red, 32.5% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 62% cyan, 35.7% magenta, 0% yellow and 49.4% black. It has a hue angle of 214.5 degrees, a saturation of 44.9% and a lightness of 34.9%. #315381 color hex could be obtained by blending #62a6ff with #000003. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 33
- B 51
RGB color chart
- C 62
- M 36
- Y 0
- K 49
CMYK color chart

● #315381 color description : Dark moderate blue.

The hexadecimal color #315381 has RGB values of R:49, G:83, B:129 and CMYK values of C:0.62, M:0.36, Y:0, K:0.49. Its decimal value is 3232641.

Hex triplet	315381	`#315381`
RGB Decimal	49, 83, 129	`rgb(49,83,129)`
RGB Percent	19.2, 32.5, 50.6	`rgb(19.2%,32.5%,50.6%)`
CMYK	62, 36, 0, 49
HSL	214.5°, 44.9, 34.9	`hsl(214.5,44.9%,34.9%)`
HSV (or HSB)	214.5°, 62, 50.6
Web Safe	336699	`#336699`

CIE-LAB	34.851, 2.835, -29.606
XYZ	8.321, 8.424, 21.955
xyY	0.215, 0.218, 8.424
CIE-LCH	34.851, 29.741, 275.47
CIE-LUV	34.851, -14.436, -40.907
Hunter-Lab	29.024, 0.385, -24.533
Binary	00110001, 01010011, 10000001

#315381
```
#315381 rgb(49,83,129)
```
#815f31
```
#815f31 rgb(129,95,49)
```

Complementary Color

#317b81
```
#317b81 rgb(49,123,129)
```
#315381
```
#315381 rgb(49,83,129)
```
#373181
```
#373181 rgb(55,49,129)
```

Analogous Color

#7b8131
```
#7b8131 rgb(123,129,49)
```
#315381
```
#315381 rgb(49,83,129)
```
#813731
```
#813731 rgb(129,55,49)
```

Split Complementary Color

#538131
```
#538131 rgb(83,129,49)
```
#315381
```
#315381 rgb(49,83,129)
```
#813153
```
#813153 rgb(129,49,83)
```

Triadic Color

#31815f
```
#31815f rgb(49,129,95)
```
#315381
```
#315381 rgb(49,83,129)
```
#813153
```
#813153 rgb(129,49,83)
```
#815f31
```
#815f31 rgb(129,95,49)
```

Tetradic Color

#1c2f4a
```
#1c2f4a rgb(28,47,74)
```
#233b5c
```
#233b5c rgb(35,59,92)
```
#2a476f
```
#2a476f rgb(42,71,111)
```
#315381
```
#315381 rgb(49,83,129)
```
#385f93
```
#385f93 rgb(56,95,147)
```
#3f6ba6
```
#3f6ba6 rgb(63,107,166)
```
#4677b8
```
#4677b8 rgb(70,119,184)
```

Monochromatic Color

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

#316781
```
#316781 rgb(49,103,129)
```
#316081
```
#316081 rgb(49,96,129)
```
#315a81
```
#315a81 rgb(49,90,129)
```
#315381
```
#315381 rgb(49,83,129)
```
#314c81
```
#314c81 rgb(49,76,129)
```
#314681
```
#314681 rgb(49,70,129)
```
#313f81
```
#313f81 rgb(49,63,129)
```

Similar Colors

Text with hexadecimal color #315381

This text has a font color of #315381.

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

#315381 background color

This paragraph has a background color of #315381.

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

#315381 border color

This element has a border color of #315381.

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

CSS codes

.text {color:#315381;}

.background {background-color:#315381;}

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

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

#000101
```
#000101 rgb(0,1,1)
```
#060a0f
```
#060a0f rgb(6,10,15)
```
#0b131d
```
#0b131d rgb(11,19,29)
```
#111c2c
```
#111c2c rgb(17,28,44)
```
#16253a
```
#16253a rgb(22,37,58)
```
#1b2e48
```
#1b2e48 rgb(27,46,72)
```
#213856
```
#213856 rgb(33,56,86)
```
#264165
```
#264165 rgb(38,65,101)
```
#2c4a73
```
#2c4a73 rgb(44,74,115)
```
#315381
```
#315381 rgb(49,83,129)
```
#365c8f
```
#365c8f rgb(54,92,143)
```
#3c659d
```
#3c659d rgb(60,101,157)
```
#416eac
```
#416eac rgb(65,110,172)
```

Shade Color Variation

#4778b9
```
#4778b9 rgb(71,120,185)
```
#5582bf
```
#5582bf rgb(85,130,191)
```
#648dc4
```
#648dc4 rgb(100,141,196)
```
#7297c9
```
#7297c9 rgb(114,151,201)
```
#80a2cf
```
#80a2cf rgb(128,162,207)
```
#8eacd4
```
#8eacd4 rgb(142,172,212)
```
#9db6da
```
#9db6da rgb(157,182,218)
```
#abc1df
```
#abc1df rgb(171,193,223)
```
#b9cbe4
```
#b9cbe4 rgb(185,203,228)
```
#c7d6ea
```
#c7d6ea rgb(199,214,234)
```
#d5e0ef
```
#d5e0ef rgb(213,224,239)
```
#e4ebf5
```
#e4ebf5 rgb(228,235,245)
```
#f2f5fa
```
#f2f5fa rgb(242,245,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #53585f is the less saturated color, while #014cb1 is the most saturated one.

#53585f
```
#53585f rgb(83,88,95)
```
#4c5766
```
#4c5766 rgb(76,87,102)
```
#46566c
```
#46566c rgb(70,86,108)
```
#3f5573
```
#3f5573 rgb(63,85,115)
```
#38547a
```
#38547a rgb(56,84,122)
```
#315381
```
#315381 rgb(49,83,129)
```
#2a5288
```
#2a5288 rgb(42,82,136)
```
#23518f
```
#23518f rgb(35,81,143)
```
#1c5096
```
#1c5096 rgb(28,80,150)
```
#164f9c
```
#164f9c rgb(22,79,156)
```
#0f4ea3
```
#0f4ea3 rgb(15,78,163)
```
#084daa
```
#084daa rgb(8,77,170)
```
#014cb1
```
#014cb1 rgb(1,76,177)
```

Tone Color Variation

Below, you can see how #315381 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
#484f58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a5985 Protanopia 1% of men
#415a87 Deuteranopia 1% of men
#2a6269 Tritanopia 0.001% of the population

Trichromacy

#405783 Protanomaly 1% of men, 0.01% of women
#3b5885 Deuteranomaly 6% of men, 0.4% of women
#2c5c72 Tritanomaly 0.01% of the population

#315381 hex color

#315381 Color Information

#315381 Color Conversion

Color Schemes with #315381

Alternatives to #315381

#315381 Preview

Shades and Tints of #315381

Tones of #315381

Color Blindness Simulator