#313b81 hex color

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

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

● #313b81 color description : Dark moderate blue.

The hexadecimal color #313b81 has RGB values of R:49, G:59, B:129 and CMYK values of C:0.62, M:0.54, Y:0, K:0.49. Its decimal value is 3226497.

Hex triplet	313b81	`#313b81`
RGB Decimal	49, 59, 129	`rgb(49,59,129)`
RGB Percent	19.2, 23.1, 50.6	`rgb(19.2%,23.1%,50.6%)`
CMYK	62, 54, 0, 49
HSL	232.5°, 44.9, 34.9	`hsl(232.5,44.9%,34.9%)`
HSV (or HSB)	232.5°, 62, 50.6
Web Safe	333399	`#333399`

CIE-LAB	27.752, 18.903, -40.931
XYZ	6.792, 5.366, 21.445
xyY	0.202, 0.16, 5.366
CIE-LCH	27.752, 45.085, 294.789
CIE-LUV	27.752, -6.725, -54.053
Hunter-Lab	23.164, 11.805, -38.677
Binary	00110001, 00111011, 10000001

#313b81
```
#313b81 rgb(49,59,129)
```
#817731
```
#817731 rgb(129,119,49)
```

Complementary Color

#316381
```
#316381 rgb(49,99,129)
```
#313b81
```
#313b81 rgb(49,59,129)
```
#4f3181
```
#4f3181 rgb(79,49,129)
```

Analogous Color

#638131
```
#638131 rgb(99,129,49)
```
#313b81
```
#313b81 rgb(49,59,129)
```
#814f31
```
#814f31 rgb(129,79,49)
```

Split Complementary Color

#3b8131
```
#3b8131 rgb(59,129,49)
```
#313b81
```
#313b81 rgb(49,59,129)
```
#81313b
```
#81313b rgb(129,49,59)
```

Triadic Color

#318177
```
#318177 rgb(49,129,119)
```
#313b81
```
#313b81 rgb(49,59,129)
```
#81313b
```
#81313b rgb(129,49,59)
```
#817731
```
#817731 rgb(129,119,49)
```

Tetradic Color

#1c224a
```
#1c224a rgb(28,34,74)
```
#232a5c
```
#232a5c rgb(35,42,92)
```
#2a336f
```
#2a336f rgb(42,51,111)
```
#313b81
```
#313b81 rgb(49,59,129)
```
#384393
```
#384393 rgb(56,67,147)
```
#3f4ca6
```
#3f4ca6 rgb(63,76,166)
```
#4654b8
```
#4654b8 rgb(70,84,184)
```

Monochromatic Color

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

#314f81
```
#314f81 rgb(49,79,129)
```
#314881
```
#314881 rgb(49,72,129)
```
#314281
```
#314281 rgb(49,66,129)
```
#313b81
```
#313b81 rgb(49,59,129)
```
#313481
```
#313481 rgb(49,52,129)
```
#343181
```
#343181 rgb(52,49,129)
```
#3b3181
```
#3b3181 rgb(59,49,129)
```

Similar Colors

Text with hexadecimal color #313b81

This text has a font color of #313b81.

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

#313b81 background color

This paragraph has a background color of #313b81.

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

#313b81 border color

This element has a border color of #313b81.

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

CSS codes

.text {color:#313b81;}

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

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

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)
```
#0b0d1d
```
#0b0d1d rgb(11,13,29)
```
#11142c
```
#11142c rgb(17,20,44)
```
#161a3a
```
#161a3a rgb(22,26,58)
```
#1b2148
```
#1b2148 rgb(27,33,72)
```
#212756
```
#212756 rgb(33,39,86)
```
#262e65
```
#262e65 rgb(38,46,101)
```
#2c3473
```
#2c3473 rgb(44,52,115)
```
#313b81
```
#313b81 rgb(49,59,129)
```
#36428f
```
#36428f rgb(54,66,143)
```
#3c489d
```
#3c489d rgb(60,72,157)
```
#414fac
```
#414fac rgb(65,79,172)
```

Shade Color Variation

#4755b9
```
#4755b9 rgb(71,85,185)
```
#5563bf
```
#5563bf rgb(85,99,191)
```
#6470c4
```
#6470c4 rgb(100,112,196)
```
#727dc9
```
#727dc9 rgb(114,125,201)
```
#808acf
```
#808acf rgb(128,138,207)
```
#8e97d4
```
#8e97d4 rgb(142,151,212)
```
#9da4da
```
#9da4da rgb(157,164,218)
```
#abb1df
```
#abb1df rgb(171,177,223)
```
#b9bee4
```
#b9bee4 rgb(185,190,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 #0117b1 is the most saturated one.

#53555f
```
#53555f rgb(83,85,95)
```
#4c5066
```
#4c5066 rgb(76,80,102)
```
#464a6c
```
#464a6c rgb(70,74,108)
```
#3f4573
```
#3f4573 rgb(63,69,115)
```
#38407a
```
#38407a rgb(56,64,122)
```
#313b81
```
#313b81 rgb(49,59,129)
```
#2a3688
```
#2a3688 rgb(42,54,136)
```
#23318f
```
#23318f rgb(35,49,143)
```
#1c2c96
```
#1c2c96 rgb(28,44,150)
```
#16269c
```
#16269c rgb(22,38,156)
```
#0f21a3
```
#0f21a3 rgb(15,33,163)
```
#081caa
```
#081caa rgb(8,28,170)
```
#0117b1
```
#0117b1 rgb(1,23,177)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#3d3f4d Atypical Achromatopsia 0.001% of the population

Dichromacy

#1b498b Protanopia 1% of men
#004c7e Deuteranopia 1% of men
#1d5157 Tritanopia 0.001% of the population

Trichromacy

#234487 Protanomaly 1% of men, 0.01% of women
#11467f Deuteranomaly 6% of men, 0.4% of women
#244966 Tritanomaly 0.01% of the population

#313b81 hex color

#313b81 Color Information

#313b81 Color Conversion

Color Schemes with #313b81

Alternatives to #313b81

#313b81 Preview

Shades and Tints of #313b81

Tones of #313b81

Color Blindness Simulator