#313d9b hex color

In a RGB color space, hex #313d9b is composed of 19.2% red, 23.9% green and 60.8% blue. Whereas in a CMYK color space, it is composed of 68.4% cyan, 60.6% magenta, 0% yellow and 39.2% black. It has a hue angle of 233.2 degrees, a saturation of 52% and a lightness of 40%. #313d9b color hex could be obtained by blending #627aff with #000037. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 24
- B 61
RGB color chart
- C 68
- M 61
- Y 0
- K 39
CMYK color chart

● #313d9b color description : Dark moderate blue.

The hexadecimal color #313d9b has RGB values of R:49, G:61, B:155 and CMYK values of C:0.68, M:0.61, Y:0, K:0.39. Its decimal value is 3227035.

Hex triplet	313d9b	`#313d9b`
RGB Decimal	49, 61, 155	`rgb(49,61,155)`
RGB Percent	19.2, 23.9, 60.8	`rgb(19.2%,23.9%,60.8%)`
CMYK	68, 61, 0, 39
HSL	233.2°, 52, 40	`hsl(233.2,52%,40%)`
HSV (or HSB)	233.2°, 68.4, 60.8
Web Safe	333399	`#333399`

CIE-LAB	30.295, 27.082, -52.833
XYZ	8.851, 6.357, 31.769
xyY	0.188, 0.135, 6.357
CIE-LCH	30.295, 59.37, 297.14
CIE-LUV	30.295, -8.03, -71.513
Hunter-Lab	25.212, 18.54, -57.061
Binary	00110001, 00111101, 10011011

#313d9b
```
#313d9b rgb(49,61,155)
```
#9b8f31
```
#9b8f31 rgb(155,143,49)
```

Complementary Color

#31729b
```
#31729b rgb(49,114,155)
```
#313d9b
```
#313d9b rgb(49,61,155)
```
#5a319b
```
#5a319b rgb(90,49,155)
```

Analogous Color

#729b31
```
#729b31 rgb(114,155,49)
```
#313d9b
```
#313d9b rgb(49,61,155)
```
#9b5a31
```
#9b5a31 rgb(155,90,49)
```

Split Complementary Color

#3d9b31
```
#3d9b31 rgb(61,155,49)
```
#313d9b
```
#313d9b rgb(49,61,155)
```
#9b313d
```
#9b313d rgb(155,49,61)
```

Triadic Color

#319b8f
```
#319b8f rgb(49,155,143)
```
#313d9b
```
#313d9b rgb(49,61,155)
```
#9b313d
```
#9b313d rgb(155,49,61)
```
#9b8f31
```
#9b8f31 rgb(155,143,49)
```

Tetradic Color

#1f2661
```
#1f2661 rgb(31,38,97)
```
#252e74
```
#252e74 rgb(37,46,116)
```
#2b3588
```
#2b3588 rgb(43,53,136)
```
#313d9b
```
#313d9b rgb(49,61,155)
```
#3745ae
```
#3745ae rgb(55,69,174)
```
#3d4cc2
```
#3d4cc2 rgb(61,76,194)
```
#515ec8
```
#515ec8 rgb(81,94,200)
```

Monochromatic Color

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

#31589b
```
#31589b rgb(49,88,155)
```
#314f9b
```
#314f9b rgb(49,79,155)
```
#31469b
```
#31469b rgb(49,70,155)
```
#313d9b
```
#313d9b rgb(49,61,155)
```
#31349b
```
#31349b rgb(49,52,155)
```
#37319b
```
#37319b rgb(55,49,155)
```
#40319b
```
#40319b rgb(64,49,155)
```

Similar Colors

Text with hexadecimal color #313d9b

This text has a font color of #313d9b.

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

#313d9b background color

This paragraph has a background color of #313d9b.

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

#313d9b border color

This element has a border color of #313d9b.

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

CSS codes

.text {color:#313d9b;}

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

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

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

#020206
```
#020206 rgb(2,2,6)
```
#070815
```
#070815 rgb(7,8,21)
```
#0b0e24
```
#0b0e24 rgb(11,14,36)
```
#101433
```
#101433 rgb(16,20,51)
```
#151a42
```
#151a42 rgb(21,26,66)
```
#192050
```
#192050 rgb(25,32,80)
```
#1e265f
```
#1e265f rgb(30,38,95)
```
#232b6e
```
#232b6e rgb(35,43,110)
```
#28317d
```
#28317d rgb(40,49,125)
```
#2c378c
```
#2c378c rgb(44,55,140)
```
#313d9b
```
#313d9b rgb(49,61,155)
```
#3643aa
```
#3643aa rgb(54,67,170)
```
#3a49b9
```
#3a49b9 rgb(58,73,185)
```

Shade Color Variation

#4352c4
```
#4352c4 rgb(67,82,196)
```
#5260c8
```
#5260c8 rgb(82,96,200)
```
#616dcd
```
#616dcd rgb(97,109,205)
```
#707bd2
```
#707bd2 rgb(112,123,210)
```
#7f89d6
```
#7f89d6 rgb(127,137,214)
```
#8e97db
```
#8e97db rgb(142,151,219)
```
#9da4e0
```
#9da4e0 rgb(157,164,224)
```
#acb2e5
```
#acb2e5 rgb(172,178,229)
```
#bac0e9
```
#bac0e9 rgb(186,192,233)
```
#c9ceee
```
#c9ceee rgb(201,206,238)
```
#d8dbf3
```
#d8dbf3 rgb(216,219,243)
```
#e7e9f7
```
#e7e9f7 rgb(231,233,247)
```
#f6f7fc
```
#f6f7fc rgb(246,247,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #60616c is the less saturated color, while #0219ca is the most saturated one.

#60616c
```
#60616c rgb(96,97,108)
```
#585b74
```
#585b74 rgb(88,91,116)
```
#50557c
```
#50557c rgb(80,85,124)
```
#494f83
```
#494f83 rgb(73,79,131)
```
#41498b
```
#41498b rgb(65,73,139)
```
#394393
```
#394393 rgb(57,67,147)
```
#313d9b
```
#313d9b rgb(49,61,155)
```
#2937a3
```
#2937a3 rgb(41,55,163)
```
#2131ab
```
#2131ab rgb(33,49,171)
```
#192bb3
```
#192bb3 rgb(25,43,179)
```
#1225ba
```
#1225ba rgb(18,37,186)
```
#0a1fc2
```
#0a1fc2 rgb(10,31,194)
```
#0219ca
```
#0219ca rgb(2,25,202)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#404355 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004e99 Protanopia 1% of men
#005286 Deuteranopia 1% of men
#00585e Tritanopia 0.001% of the population

Trichromacy

#11489a Protanomaly 1% of men, 0.01% of women
#114a8d Deuteranomaly 6% of men, 0.4% of women
#114e74 Tritanomaly 0.01% of the population

#313d9b hex color

#313d9b Color Information

#313d9b Color Conversion

Color Schemes with #313d9b

Alternatives to #313d9b

#313d9b Preview

Shades and Tints of #313d9b

Tones of #313d9b

Color Blindness Simulator