#313c81 hex color

In a RGB color space, hex #313c81 is composed of 19.2% red, 23.5% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 62% cyan, 53.5% magenta, 0% yellow and 49.4% black. It has a hue angle of 231.8 degrees, a saturation of 44.9% and a lightness of 34.9%. #313c81 color hex could be obtained by blending #6278ff with #000003. Closest websafe color is: #333399.

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

● #313c81 color description : Dark moderate blue.

The hexadecimal color #313c81 has RGB values of R:49, G:60, B:129 and CMYK values of C:0.62, M:0.53, Y:0, K:0.49. Its decimal value is 3226753.

Hex triplet	313c81	`#313c81`
RGB Decimal	49, 60, 129	`rgb(49,60,129)`
RGB Percent	19.2, 23.5, 50.6	`rgb(19.2%,23.5%,50.6%)`
CMYK	62, 53, 0, 49
HSL	231.8°, 44.9, 34.9	`hsl(231.8,44.9%,34.9%)`
HSV (or HSB)	231.8°, 62, 50.6
Web Safe	333399	`#333399`

CIE-LAB	28.032, 18.222, -40.479
XYZ	6.844, 5.469, 21.463
xyY	0.203, 0.162, 5.469
CIE-LCH	28.032, 44.391, 294.236
CIE-LUV	28.032, -7.006, -53.636
Hunter-Lab	23.387, 11.312, -38.042
Binary	00110001, 00111100, 10000001

#313c81
```
#313c81 rgb(49,60,129)
```
#817631
```
#817631 rgb(129,118,49)
```

Complementary Color

#316481
```
#316481 rgb(49,100,129)
```
#313c81
```
#313c81 rgb(49,60,129)
```
#4e3181
```
#4e3181 rgb(78,49,129)
```

Analogous Color

#648131
```
#648131 rgb(100,129,49)
```
#313c81
```
#313c81 rgb(49,60,129)
```
#814e31
```
#814e31 rgb(129,78,49)
```

Split Complementary Color

#3c8131
```
#3c8131 rgb(60,129,49)
```
#313c81
```
#313c81 rgb(49,60,129)
```
#81313c
```
#81313c rgb(129,49,60)
```

Triadic Color

#318176
```
#318176 rgb(49,129,118)
```
#313c81
```
#313c81 rgb(49,60,129)
```
#81313c
```
#81313c rgb(129,49,60)
```
#817631
```
#817631 rgb(129,118,49)
```

Tetradic Color

#1c224a
```
#1c224a rgb(28,34,74)
```
#232b5c
```
#232b5c rgb(35,43,92)
```
#2a336f
```
#2a336f rgb(42,51,111)
```
#313c81
```
#313c81 rgb(49,60,129)
```
#384593
```
#384593 rgb(56,69,147)
```
#3f4da6
```
#3f4da6 rgb(63,77,166)
```
#4656b8
```
#4656b8 rgb(70,86,184)
```

Monochromatic Color

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

#315081
```
#315081 rgb(49,80,129)
```
#314981
```
#314981 rgb(49,73,129)
```
#314381
```
#314381 rgb(49,67,129)
```
#313c81
```
#313c81 rgb(49,60,129)
```
#313581
```
#313581 rgb(49,53,129)
```
#333181
```
#333181 rgb(51,49,129)
```
#3a3181
```
#3a3181 rgb(58,49,129)
```

Similar Colors

Text with hexadecimal color #313c81

This text has a font color of #313c81.

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

#313c81 background color

This paragraph has a background color of #313c81.

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

#313c81 border color

This element has a border color of #313c81.

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

CSS codes

.text {color:#313c81;}

.background {background-color:#313c81;}

.border {border:1px solid #313c81;}

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

#000001
```
#000001 rgb(0,0,1)
```
#06070f
```
#06070f rgb(6,7,15)
```
#0b0e1d
```
#0b0e1d rgb(11,14,29)
```
#11142c
```
#11142c rgb(17,20,44)
```
#161b3a
```
#161b3a rgb(22,27,58)
```
#1b2248
```
#1b2248 rgb(27,34,72)
```
#212856
```
#212856 rgb(33,40,86)
```
#262f65
```
#262f65 rgb(38,47,101)
```
#2c3573
```
#2c3573 rgb(44,53,115)
```
#313c81
```
#313c81 rgb(49,60,129)
```
#36438f
```
#36438f rgb(54,67,143)
```
#3c499d
```
#3c499d rgb(60,73,157)
```
#4150ac
```
#4150ac rgb(65,80,172)
```

Shade Color Variation

#4757b9
```
#4757b9 rgb(71,87,185)
```
#5564bf
```
#5564bf rgb(85,100,191)
```
#6471c4
```
#6471c4 rgb(100,113,196)
```
#727ec9
```
#727ec9 rgb(114,126,201)
```
#808bcf
```
#808bcf rgb(128,139,207)
```
#8e98d4
```
#8e98d4 rgb(142,152,212)
```
#9da5da
```
#9da5da rgb(157,165,218)
```
#abb2df
```
#abb2df rgb(171,178,223)
```
#b9bfe4
```
#b9bfe4 rgb(185,191,228)
```
#c7ccea
```
#c7ccea rgb(199,204,234)
```
#d5d9ef
```
#d5d9ef rgb(213,217,239)
```
#e4e6f5
```
#e4e6f5 rgb(228,230,245)
```
#f2f3fa
```
#f2f3fa rgb(242,243,250)
```

Tint Color Variation

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

#53555f
```
#53555f rgb(83,85,95)
```
#4c5066
```
#4c5066 rgb(76,80,102)
```
#464b6c
```
#464b6c rgb(70,75,108)
```
#3f4673
```
#3f4673 rgb(63,70,115)
```
#38417a
```
#38417a rgb(56,65,122)
```
#313c81
```
#313c81 rgb(49,60,129)
```
#2a3788
```
#2a3788 rgb(42,55,136)
```
#23328f
```
#23328f rgb(35,50,143)
```
#1c2d96
```
#1c2d96 rgb(28,45,150)
```
#16289c
```
#16289c rgb(22,40,156)
```
#0f23a3
```
#0f23a3 rgb(15,35,163)
```
#081eaa
```
#081eaa rgb(8,30,170)
```
#0119b1
```
#0119b1 rgb(1,25,177)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#3e404e Atypical Achromatopsia 0.001% of the population

Dichromacy

#1f498a Protanopia 1% of men
#004d80 Deuteranopia 1% of men
#1e5258 Tritanopia 0.001% of the population

Trichromacy

#254487 Protanomaly 1% of men, 0.01% of women
#114780 Deuteranomaly 6% of men, 0.4% of women
#254a67 Tritanomaly 0.01% of the population

#313c81 hex color

#313c81 Color Information

#313c81 Color Conversion

Color Schemes with #313c81

Alternatives to #313c81

#313c81 Preview

Shades and Tints of #313c81

Tones of #313c81

Color Blindness Simulator