#313a8d hex color

In a RGB color space, hex #313a8d is composed of 19.2% red, 22.7% green and 55.3% blue. Whereas in a CMYK color space, it is composed of 65.2% cyan, 58.9% magenta, 0% yellow and 44.7% black. It has a hue angle of 234.1 degrees, a saturation of 48.4% and a lightness of 37.3%. #313a8d color hex could be obtained by blending #6274ff with #00001b. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 23
- B 55
RGB color chart
- C 65
- M 59
- Y 0
- K 45
CMYK color chart

● #313a8d color description : Dark moderate blue.

The hexadecimal color #313a8d has RGB values of R:49, G:58, B:141 and CMYK values of C:0.65, M:0.59, Y:0, K:0.45. Its decimal value is 3226253.

Hex triplet	313a8d	`#313a8d`
RGB Decimal	49, 58, 141	`rgb(49,58,141)`
RGB Percent	19.2, 22.7, 55.3	`rgb(19.2%,22.7%,55.3%)`
CMYK	65, 59, 0, 45
HSL	234.1°, 48.4, 37.3	`hsl(234.1,48.4%,37.3%)`
HSV (or HSB)	234.1°, 65.2, 55.3
Web Safe	333399	`#333399`

CIE-LAB	28.385, 23.966, -47.362
XYZ	7.586, 5.602, 25.879
xyY	0.194, 0.143, 5.602
CIE-LCH	28.385, 53.081, 296.84
CIE-LUV	28.385, -6.843, -62.9
Hunter-Lab	23.668, 15.796, -48.262
Binary	00110001, 00111010, 10001101

#313a8d
```
#313a8d rgb(49,58,141)
```
#8d8431
```
#8d8431 rgb(141,132,49)
```

Complementary Color

#31688d
```
#31688d rgb(49,104,141)
```
#313a8d
```
#313a8d rgb(49,58,141)
```
#56318d
```
#56318d rgb(86,49,141)
```

Analogous Color

#688d31
```
#688d31 rgb(104,141,49)
```
#313a8d
```
#313a8d rgb(49,58,141)
```
#8d5631
```
#8d5631 rgb(141,86,49)
```

Split Complementary Color

#3a8d31
```
#3a8d31 rgb(58,141,49)
```
#313a8d
```
#313a8d rgb(49,58,141)
```
#8d313a
```
#8d313a rgb(141,49,58)
```

Triadic Color

#318d84
```
#318d84 rgb(49,141,132)
```
#313a8d
```
#313a8d rgb(49,58,141)
```
#8d313a
```
#8d313a rgb(141,49,58)
```
#8d8431
```
#8d8431 rgb(141,132,49)
```

Tetradic Color

#1d2354
```
#1d2354 rgb(29,35,84)
```
#242a67
```
#242a67 rgb(36,42,103)
```
#2a327a
```
#2a327a rgb(42,50,122)
```
#313a8d
```
#313a8d rgb(49,58,141)
```
#3842a0
```
#3842a0 rgb(56,66,160)
```
#3e4ab3
```
#3e4ab3 rgb(62,74,179)
```
#4a56c0
```
#4a56c0 rgb(74,86,192)
```

Monochromatic Color

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

#31518d
```
#31518d rgb(49,81,141)
```
#31498d
```
#31498d rgb(49,73,141)
```
#31428d
```
#31428d rgb(49,66,141)
```
#313a8d
```
#313a8d rgb(49,58,141)
```
#31328d
```
#31328d rgb(49,50,141)
```
#37318d
```
#37318d rgb(55,49,141)
```
#3f318d
```
#3f318d rgb(63,49,141)
```

Similar Colors

Text with hexadecimal color #313a8d

This text has a font color of #313a8d.

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

#313a8d background color

This paragraph has a background color of #313a8d.

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

#313a8d border color

This element has a border color of #313a8d.

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

CSS codes

.text {color:#313a8d;}

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

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

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, #03040a is the darkest color, while #fafbfd is the lightest one.

#03040a
```
#03040a rgb(3,4,10)
```
#090a19
```
#090a19 rgb(9,10,25)
```
#0e1027
```
#0e1027 rgb(14,16,39)
```
#131636
```
#131636 rgb(19,22,54)
```
#181c44
```
#181c44 rgb(24,28,68)
```
#1d2253
```
#1d2253 rgb(29,34,83)
```
#222861
```
#222861 rgb(34,40,97)
```
#272e70
```
#272e70 rgb(39,46,112)
```
#2c347e
```
#2c347e rgb(44,52,126)
```
#313a8d
```
#313a8d rgb(49,58,141)
```
#36409c
```
#36409c rgb(54,64,156)
```
#3b46aa
```
#3b46aa rgb(59,70,170)
```
#404cb9
```
#404cb9 rgb(64,76,185)
```

Shade Color Variation

#4c57c1
```
#4c57c1 rgb(76,87,193)
```
#5a65c6
```
#5a65c6 rgb(90,101,198)
```
#6972cb
```
#6972cb rgb(105,114,203)
```
#7780d0
```
#7780d0 rgb(119,128,208)
```
#868ed5
```
#868ed5 rgb(134,142,213)
```
#959bda
```
#959bda rgb(149,155,218)
```
#a3a9df
```
#a3a9df rgb(163,169,223)
```
#b2b7e4
```
#b2b7e4 rgb(178,183,228)
```
#c0c4e9
```
#c0c4e9 rgb(192,196,233)
```
#cfd2ee
```
#cfd2ee rgb(207,210,238)
```
#dddff3
```
#dddff3 rgb(221,223,243)
```
#ecedf8
```
#ecedf8 rgb(236,237,248)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5d5d61 is the less saturated color, while #0517b9 is the most saturated one.

#5d5d61
```
#5d5d61 rgb(93,93,97)
```
#565768
```
#565768 rgb(86,87,104)
```
#4e5270
```
#4e5270 rgb(78,82,112)
```
#474c77
```
#474c77 rgb(71,76,119)
```
#40467e
```
#40467e rgb(64,70,126)
```
#384086
```
#384086 rgb(56,64,134)
```
#313a8d
```
#313a8d rgb(49,58,141)
```
#2a3494
```
#2a3494 rgb(42,52,148)
```
#222e9c
```
#222e9c rgb(34,46,156)
```
#1b28a3
```
#1b28a3 rgb(27,40,163)
```
#1422aa
```
#1422aa rgb(20,34,170)
```
#0c1db2
```
#0c1db2 rgb(12,29,178)
```
#0517b9
```
#0517b9 rgb(5,23,185)
```

Tone Color Variation

Below, you can see how #313a8d 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
#3e4050 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004a91 Protanopia 1% of men
#004e80 Deuteranopia 1% of men
#00545a Tritanopia 0.001% of the population

Trichromacy

#114490 Protanomaly 1% of men, 0.01% of women
#114684 Deuteranomaly 6% of men, 0.4% of women
#114a6c Tritanomaly 0.01% of the population

#313a8d hex color

#313a8d Color Information

#313a8d Color Conversion

Color Schemes with #313a8d

Alternatives to #313a8d

#313a8d Preview

Shades and Tints of #313a8d

Tones of #313a8d

Color Blindness Simulator