#313e8b hex color

In a RGB color space, hex #313e8b is composed of 19.2% red, 24.3% green and 54.5% blue. Whereas in a CMYK color space, it is composed of 64.7% cyan, 55.4% magenta, 0% yellow and 45.5% black. It has a hue angle of 231.3 degrees, a saturation of 47.9% and a lightness of 36.9%. #313e8b color hex could be obtained by blending #627cff with #000017. Closest websafe color is: #333399.

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

● #313e8b color description : Dark moderate blue.

The hexadecimal color #313e8b has RGB values of R:49, G:62, B:139 and CMYK values of C:0.65, M:0.55, Y:0, K:0.45. Its decimal value is 3227275.

Hex triplet	313e8b	`#313e8b`
RGB Decimal	49, 62, 139	`rgb(49,62,139)`
RGB Percent	19.2, 24.3, 54.5	`rgb(19.2%,24.3%,54.5%)`
CMYK	65, 55, 0, 45
HSL	231.3°, 47.9, 36.9	`hsl(231.3,47.9%,36.9%)`
HSV (or HSB)	231.3°, 64.7, 54.5
Web Safe	333399	`#333399`

CIE-LAB	29.316, 20.537, -44.618
XYZ	7.648, 5.962, 25.172
xyY	0.197, 0.154, 5.962
CIE-LCH	29.316, 49.117, 294.716
CIE-LUV	29.316, -7.843, -60.006
Hunter-Lab	24.417, 13.184, -44.032
Binary	00110001, 00111110, 10001011

#313e8b
```
#313e8b rgb(49,62,139)
```
#8b7e31
```
#8b7e31 rgb(139,126,49)
```

Complementary Color

#316b8b
```
#316b8b rgb(49,107,139)
```
#313e8b
```
#313e8b rgb(49,62,139)
```
#51318b
```
#51318b rgb(81,49,139)
```

Analogous Color

#6b8b31
```
#6b8b31 rgb(107,139,49)
```
#313e8b
```
#313e8b rgb(49,62,139)
```
#8b5131
```
#8b5131 rgb(139,81,49)
```

Split Complementary Color

#3e8b31
```
#3e8b31 rgb(62,139,49)
```
#313e8b
```
#313e8b rgb(49,62,139)
```
#8b313e
```
#8b313e rgb(139,49,62)
```

Triadic Color

#318b7e
```
#318b7e rgb(49,139,126)
```
#313e8b
```
#313e8b rgb(49,62,139)
```
#8b313e
```
#8b313e rgb(139,49,62)
```
#8b7e31
```
#8b7e31 rgb(139,126,49)
```

Tetradic Color

#1d2552
```
#1d2552 rgb(29,37,82)
```
#242d65
```
#242d65 rgb(36,45,101)
```
#2a3678
```
#2a3678 rgb(42,54,120)
```
#313e8b
```
#313e8b rgb(49,62,139)
```
#38469e
```
#38469e rgb(56,70,158)
```
#3e4fb1
```
#3e4fb1 rgb(62,79,177)
```
#495abf
```
#495abf rgb(73,90,191)
```

Monochromatic Color

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

#31558b
```
#31558b rgb(49,85,139)
```
#314d8b
```
#314d8b rgb(49,77,139)
```
#31468b
```
#31468b rgb(49,70,139)
```
#313e8b
```
#313e8b rgb(49,62,139)
```
#31378b
```
#31378b rgb(49,55,139)
```
#33318b
```
#33318b rgb(51,49,139)
```
#3b318b
```
#3b318b rgb(59,49,139)
```

Similar Colors

Text with hexadecimal color #313e8b

This text has a font color of #313e8b.

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

#313e8b background color

This paragraph has a background color of #313e8b.

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

#313e8b border color

This element has a border color of #313e8b.

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

CSS codes

.text {color:#313e8b;}

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

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

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

#030408
```
#030408 rgb(3,4,8)
```
#080a17
```
#080a17 rgb(8,10,23)
```
#0d1125
```
#0d1125 rgb(13,17,37)
```
#121734
```
#121734 rgb(18,23,52)
```
#171e42
```
#171e42 rgb(23,30,66)
```
#1d2451
```
#1d2451 rgb(29,36,81)
```
#222b5f
```
#222b5f rgb(34,43,95)
```
#27316e
```
#27316e rgb(39,49,110)
```
#2c387c
```
#2c387c rgb(44,56,124)
```
#313e8b
```
#313e8b rgb(49,62,139)
```
#36449a
```
#36449a rgb(54,68,154)
```
#3b4ba8
```
#3b4ba8 rgb(59,75,168)
```
#4051b7
```
#4051b7 rgb(64,81,183)
```

Shade Color Variation

#4b5cc0
```
#4b5cc0 rgb(75,92,192)
```
#5969c5
```
#5969c5 rgb(89,105,197)
```
#6876ca
```
#6876ca rgb(104,118,202)
```
#7683cf
```
#7683cf rgb(118,131,207)
```
#8590d4
```
#8590d4 rgb(133,144,212)
```
#939ed9
```
#939ed9 rgb(147,158,217)
```
#a2abde
```
#a2abde rgb(162,171,222)
```
#b0b8e3
```
#b0b8e3 rgb(176,184,227)
```
#bfc5e8
```
#bfc5e8 rgb(191,197,232)
```
#cdd2ee
```
#cdd2ee rgb(205,210,238)
```
#dcdff3
```
#dcdff3 rgb(220,223,243)
```
#eaecf8
```
#eaecf8 rgb(234,236,248)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

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

#5c5d60
```
#5c5d60 rgb(92,93,96)
```
#555867
```
#555867 rgb(85,88,103)
```
#4e536e
```
#4e536e rgb(78,83,110)
```
#474d75
```
#474d75 rgb(71,77,117)
```
#3f487d
```
#3f487d rgb(63,72,125)
```
#384384
```
#384384 rgb(56,67,132)
```
#313e8b
```
#313e8b rgb(49,62,139)
```
#2a3992
```
#2a3992 rgb(42,57,146)
```
#233499
```
#233499 rgb(35,52,153)
```
#1b2fa1
```
#1b2fa1 rgb(27,47,161)
```
#1429a8
```
#1429a8 rgb(20,41,168)
```
#0d24af
```
#0d24af rgb(13,36,175)
```
#061fb6
```
#061fb6 rgb(6,31,182)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#3f4251 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0e4c95 Protanopia 1% of men
#005084 Deuteranopia 1% of men
#0d565c Tritanopia 0.001% of the population

Trichromacy

#1b4791 Protanomaly 1% of men, 0.01% of women
#114986 Deuteranomaly 6% of men, 0.4% of women
#1a4d6d Tritanomaly 0.01% of the population

#313e8b hex color

#313e8b Color Information

#313e8b Color Conversion

Color Schemes with #313e8b

Alternatives to #313e8b

#313e8b Preview

Shades and Tints of #313e8b

Tones of #313e8b

Color Blindness Simulator