#313d81 hex color

In a RGB color space, hex #313d81 is composed of 19.2% red, 23.9% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 62% cyan, 52.7% magenta, 0% yellow and 49.4% black. It has a hue angle of 231 degrees, a saturation of 44.9% and a lightness of 34.9%. #313d81 color hex could be obtained by blending #627aff 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

● #313d81 color description : Dark moderate blue.

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

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

CIE-LAB	28.314, 17.541, -40.024
XYZ	6.897, 5.575, 21.48
xyY	0.203, 0.164, 5.575
CIE-LCH	28.314, 43.699, 293.666
CIE-LUV	28.314, -7.292, -53.205
Hunter-Lab	23.612, 10.82, -37.41
Binary	00110001, 00111101, 10000001

#313d81
```
#313d81 rgb(49,61,129)
```
#817531
```
#817531 rgb(129,117,49)
```

Complementary Color

#316581
```
#316581 rgb(49,101,129)
```
#313d81
```
#313d81 rgb(49,61,129)
```
#4d3181
```
#4d3181 rgb(77,49,129)
```

Analogous Color

#658131
```
#658131 rgb(101,129,49)
```
#313d81
```
#313d81 rgb(49,61,129)
```
#814d31
```
#814d31 rgb(129,77,49)
```

Split Complementary Color

#3d8131
```
#3d8131 rgb(61,129,49)
```
#313d81
```
#313d81 rgb(49,61,129)
```
#81313d
```
#81313d rgb(129,49,61)
```

Triadic Color

#318175
```
#318175 rgb(49,129,117)
```
#313d81
```
#313d81 rgb(49,61,129)
```
#81313d
```
#81313d rgb(129,49,61)
```
#817531
```
#817531 rgb(129,117,49)
```

Tetradic Color

#1c234a
```
#1c234a rgb(28,35,74)
```
#232c5c
```
#232c5c rgb(35,44,92)
```
#2a346f
```
#2a346f rgb(42,52,111)
```
#313d81
```
#313d81 rgb(49,61,129)
```
#384693
```
#384693 rgb(56,70,147)
```
#3f4ea6
```
#3f4ea6 rgb(63,78,166)
```
#4657b8
```
#4657b8 rgb(70,87,184)
```

Monochromatic Color

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

#315181
```
#315181 rgb(49,81,129)
```
#314a81
```
#314a81 rgb(49,74,129)
```
#314481
```
#314481 rgb(49,68,129)
```
#313d81
```
#313d81 rgb(49,61,129)
```
#313681
```
#313681 rgb(49,54,129)
```
#323181
```
#323181 rgb(50,49,129)
```
#393181
```
#393181 rgb(57,49,129)
```

Similar Colors

Text with hexadecimal color #313d81

This text has a font color of #313d81.

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

#313d81 background color

This paragraph has a background color of #313d81.

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

#313d81 border color

This element has a border color of #313d81.

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

CSS codes

.text {color:#313d81;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#06070f
```
#06070f rgb(6,7,15)
```
#0b0e1d
```
#0b0e1d rgb(11,14,29)
```
#11152c
```
#11152c rgb(17,21,44)
```
#161b3a
```
#161b3a rgb(22,27,58)
```
#1b2248
```
#1b2248 rgb(27,34,72)
```
#212956
```
#212956 rgb(33,41,86)
```
#263065
```
#263065 rgb(38,48,101)
```
#2c3673
```
#2c3673 rgb(44,54,115)
```
#313d81
```
#313d81 rgb(49,61,129)
```
#36448f
```
#36448f rgb(54,68,143)
```
#3c4a9d
```
#3c4a9d rgb(60,74,157)
```
#4151ac
```
#4151ac rgb(65,81,172)
```

Shade Color Variation

#4758b9
```
#4758b9 rgb(71,88,185)
```
#5565bf
```
#5565bf rgb(85,101,191)
```
#6472c4
```
#6472c4 rgb(100,114,196)
```
#727fc9
```
#727fc9 rgb(114,127,201)
```
#808ccf
```
#808ccf rgb(128,140,207)
```
#8e99d4
```
#8e99d4 rgb(142,153,212)
```
#9da6da
```
#9da6da rgb(157,166,218)
```
#abb3df
```
#abb3df rgb(171,179,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 #011bb1 is the most saturated one.

#53555f
```
#53555f rgb(83,85,95)
```
#4c5066
```
#4c5066 rgb(76,80,102)
```
#464b6c
```
#464b6c rgb(70,75,108)
```
#3f4773
```
#3f4773 rgb(63,71,115)
```
#38427a
```
#38427a rgb(56,66,122)
```
#313d81
```
#313d81 rgb(49,61,129)
```
#2a3888
```
#2a3888 rgb(42,56,136)
```
#23338f
```
#23338f rgb(35,51,143)
```
#1c2f96
```
#1c2f96 rgb(28,47,150)
```
#162a9c
```
#162a9c rgb(22,42,156)
```
#0f25a3
```
#0f25a3 rgb(15,37,163)
```
#0820aa
```
#0820aa rgb(8,32,170)
```
#011bb1
```
#011bb1 rgb(1,27,177)
```

Tone Color Variation

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

#224a8a Protanopia 1% of men
#004d81 Deuteranopia 1% of men
#1e5359 Tritanopia 0.001% of the population

Trichromacy

#274587 Protanomaly 1% of men, 0.01% of women
#114781 Deuteranomaly 6% of men, 0.4% of women
#254b67 Tritanomaly 0.01% of the population

#313d81 hex color

#313d81 Color Information

#313d81 Color Conversion

Color Schemes with #313d81

Alternatives to #313d81

#313d81 Preview

Shades and Tints of #313d81

Tones of #313d81

Color Blindness Simulator