#313f9b hex color

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

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

● #313f9b color description : Dark moderate blue.

The hexadecimal color #313f9b has RGB values of R:49, G:63, B:155 and CMYK values of C:0.68, M:0.59, Y:0, K:0.39. Its decimal value is 3227547.

Hex triplet	313f9b	`#313f9b`
RGB Decimal	49, 63, 155	`rgb(49,63,155)`
RGB Percent	19.2, 24.7, 60.8	`rgb(19.2%,24.7%,60.8%)`
CMYK	68, 59, 0, 39
HSL	232.1°, 52, 40	`hsl(232.1,52%,40%)`
HSV (or HSB)	232.1°, 68.4, 60.8
Web Safe	333399	`#333399`

CIE-LAB	30.817, 25.756, -51.983
XYZ	8.959, 6.574, 31.805
xyY	0.189, 0.139, 6.574
CIE-LCH	30.817, 58.014, 296.357
CIE-LUV	30.817, -8.529, -70.852
Hunter-Lab	25.64, 17.503, -55.599
Binary	00110001, 00111111, 10011011

#313f9b
```
#313f9b rgb(49,63,155)
```
#9b8d31
```
#9b8d31 rgb(155,141,49)
```

Complementary Color

#31749b
```
#31749b rgb(49,116,155)
```
#313f9b
```
#313f9b rgb(49,63,155)
```
#58319b
```
#58319b rgb(88,49,155)
```

Analogous Color

#749b31
```
#749b31 rgb(116,155,49)
```
#313f9b
```
#313f9b rgb(49,63,155)
```
#9b5831
```
#9b5831 rgb(155,88,49)
```

Split Complementary Color

#3f9b31
```
#3f9b31 rgb(63,155,49)
```
#313f9b
```
#313f9b rgb(49,63,155)
```
#9b313f
```
#9b313f rgb(155,49,63)
```

Triadic Color

#319b8d
```
#319b8d rgb(49,155,141)
```
#313f9b
```
#313f9b rgb(49,63,155)
```
#9b313f
```
#9b313f rgb(155,49,63)
```
#9b8d31
```
#9b8d31 rgb(155,141,49)
```

Tetradic Color

#1f2761
```
#1f2761 rgb(31,39,97)
```
#252f74
```
#252f74 rgb(37,47,116)
```
#2b3788
```
#2b3788 rgb(43,55,136)
```
#313f9b
```
#313f9b rgb(49,63,155)
```
#3747ae
```
#3747ae rgb(55,71,174)
```
#3d4fc2
```
#3d4fc2 rgb(61,79,194)
```
#5160c8
```
#5160c8 rgb(81,96,200)
```

Monochromatic Color

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

#31599b
```
#31599b rgb(49,89,155)
```
#31519b
```
#31519b rgb(49,81,155)
```
#31489b
```
#31489b rgb(49,72,155)
```
#313f9b
```
#313f9b rgb(49,63,155)
```
#31369b
```
#31369b rgb(49,54,155)
```
#35319b
```
#35319b rgb(53,49,155)
```
#3e319b
```
#3e319b rgb(62,49,155)
```

Similar Colors

Text with hexadecimal color #313f9b

This text has a font color of #313f9b.

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

#313f9b background color

This paragraph has a background color of #313f9b.

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

#313f9b border color

This element has a border color of #313f9b.

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

CSS codes

.text {color:#313f9b;}

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

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

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)
```
#0b0f24
```
#0b0f24 rgb(11,15,36)
```
#101533
```
#101533 rgb(16,21,51)
```
#151b42
```
#151b42 rgb(21,27,66)
```
#192150
```
#192150 rgb(25,33,80)
```
#1e275f
```
#1e275f rgb(30,39,95)
```
#232d6e
```
#232d6e rgb(35,45,110)
```
#28337d
```
#28337d rgb(40,51,125)
```
#2c398c
```
#2c398c rgb(44,57,140)
```
#313f9b
```
#313f9b rgb(49,63,155)
```
#3645aa
```
#3645aa rgb(54,69,170)
```
#3a4bb9
```
#3a4bb9 rgb(58,75,185)
```

Shade Color Variation

#4354c4
```
#4354c4 rgb(67,84,196)
```
#5262c8
```
#5262c8 rgb(82,98,200)
```
#616fcd
```
#616fcd rgb(97,111,205)
```
#707dd2
```
#707dd2 rgb(112,125,210)
```
#7f8ad6
```
#7f8ad6 rgb(127,138,214)
```
#8e98db
```
#8e98db rgb(142,152,219)
```
#9da6e0
```
#9da6e0 rgb(157,166,224)
```
#acb3e5
```
#acb3e5 rgb(172,179,229)
```
#bac1e9
```
#bac1e9 rgb(186,193,233)
```
#c9ceee
```
#c9ceee rgb(201,206,238)
```
#d8dcf3
```
#d8dcf3 rgb(216,220,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, #60626c is the less saturated color, while #021cca is the most saturated one.

#60626c
```
#60626c rgb(96,98,108)
```
#585c74
```
#585c74 rgb(88,92,116)
```
#50567c
```
#50567c rgb(80,86,124)
```
#495083
```
#495083 rgb(73,80,131)
```
#414b8b
```
#414b8b rgb(65,75,139)
```
#394593
```
#394593 rgb(57,69,147)
```
#313f9b
```
#313f9b rgb(49,63,155)
```
#2939a3
```
#2939a3 rgb(41,57,163)
```
#2133ab
```
#2133ab rgb(33,51,171)
```
#192eb3
```
#192eb3 rgb(25,46,179)
```
#1228ba
```
#1228ba rgb(18,40,186)
```
#0a22c2
```
#0a22c2 rgb(10,34,194)
```
#021cca
```
#021cca rgb(2,28,202)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#414456 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004f9b Protanopia 1% of men
#005388 Deuteranopia 1% of men
#005a60 Tritanopia 0.001% of the population

Trichromacy

#11499b Protanomaly 1% of men, 0.01% of women
#114c8f Deuteranomaly 6% of men, 0.4% of women
#115075 Tritanomaly 0.01% of the population

#313f9b hex color

#313f9b Color Information

#313f9b Color Conversion

Color Schemes with #313f9b

Alternatives to #313f9b

#313f9b Preview

Shades and Tints of #313f9b

Tones of #313f9b

Color Blindness Simulator