#31538e hex color

In a RGB color space, hex #31538e is composed of 19.2% red, 32.5% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 65.5% cyan, 41.5% magenta, 0% yellow and 44.3% black. It has a hue angle of 218.1 degrees, a saturation of 48.7% and a lightness of 37.5%. #31538e color hex could be obtained by blending #62a6ff with #00001d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 33
- B 56
RGB color chart
- C 65
- M 42
- Y 0
- K 44
CMYK color chart

● #31538e color description : Dark moderate blue.

The hexadecimal color #31538e has RGB values of R:49, G:83, B:142 and CMYK values of C:0.65, M:0.42, Y:0, K:0.44. Its decimal value is 3232654.

Hex triplet	31538e	`#31538e`
RGB Decimal	49, 83, 142	`rgb(49,83,142)`
RGB Percent	19.2, 32.5, 55.7	`rgb(19.2%,32.5%,55.7%)`
CMYK	65, 42, 0, 44
HSL	218.1°, 48.7, 37.5	`hsl(218.1,48.7%,37.5%)`
HSV (or HSB)	218.1°, 65.5, 55.7
Web Safe	336699	`#336699`

CIE-LAB	35.58, 7.586, -36.407
XYZ	9.241, 8.792, 26.8
xyY	0.206, 0.196, 8.792
CIE-LCH	35.58, 37.189, 281.769
CIE-LUV	35.58, -14.324, -51.405
Hunter-Lab	29.651, 3.743, -32.833
Binary	00110001, 01010011, 10001110

#31538e
```
#31538e rgb(49,83,142)
```
#8e6c31
```
#8e6c31 rgb(142,108,49)
```

Complementary Color

#31828e
```
#31828e rgb(49,130,142)
```
#31538e
```
#31538e rgb(49,83,142)
```
#3d318e
```
#3d318e rgb(61,49,142)
```

Analogous Color

#828e31
```
#828e31 rgb(130,142,49)
```
#31538e
```
#31538e rgb(49,83,142)
```
#8e3e31
```
#8e3e31 rgb(142,62,49)
```

Split Complementary Color

#538e31
```
#538e31 rgb(83,142,49)
```
#31538e
```
#31538e rgb(49,83,142)
```
#8e3153
```
#8e3153 rgb(142,49,83)
```

Triadic Color

#318e6c
```
#318e6c rgb(49,142,108)
```
#31538e
```
#31538e rgb(49,83,142)
```
#8e3153
```
#8e3153 rgb(142,49,83)
```
#8e6c31
```
#8e6c31 rgb(142,108,49)
```

Tetradic Color

#1d3255
```
#1d3255 rgb(29,50,85)
```
#243d68
```
#243d68 rgb(36,61,104)
```
#2a487b
```
#2a487b rgb(42,72,123)
```
#31538e
```
#31538e rgb(49,83,142)
```
#385ea1
```
#385ea1 rgb(56,94,161)
```
#3e69b4
```
#3e69b4 rgb(62,105,180)
```
#4b76c1
```
#4b76c1 rgb(75,118,193)
```

Monochromatic Color

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

#316a8e
```
#316a8e rgb(49,106,142)
```
#31638e
```
#31638e rgb(49,99,142)
```
#315b8e
```
#315b8e rgb(49,91,142)
```
#31538e
```
#31538e rgb(49,83,142)
```
#314b8e
```
#314b8e rgb(49,75,142)
```
#31448e
```
#31448e rgb(49,68,142)
```
#313c8e
```
#313c8e rgb(49,60,142)
```

Similar Colors

Text with hexadecimal color #31538e

This text has a font color of #31538e.

<span style="color:#31538e;">Text here</span>

#31538e background color

This paragraph has a background color of #31538e.

<p style="background-color:#31538e;">Content here</p>

#31538e border color

This element has a border color of #31538e.

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

CSS codes

.text {color:#31538e;}

.background {background-color:#31538e;}

.border {border:1px solid #31538e;}

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, #04060b is the darkest color, while #fbfcfe is the lightest one.

#04060b
```
#04060b rgb(4,6,11)
```
#090f19
```
#090f19 rgb(9,15,25)
```
#0e1728
```
#0e1728 rgb(14,23,40)
```
#132037
```
#132037 rgb(19,32,55)
```
#182845
```
#182845 rgb(24,40,69)
```
#1d3154
```
#1d3154 rgb(29,49,84)
```
#223962
```
#223962 rgb(34,57,98)
```
#274271
```
#274271 rgb(39,66,113)
```
#2c4a7f
```
#2c4a7f rgb(44,74,127)
```
#31538e
```
#31538e rgb(49,83,142)
```
#365c9d
```
#365c9d rgb(54,92,157)
```
#3b64ab
```
#3b64ab rgb(59,100,171)
```
#406dba
```
#406dba rgb(64,109,186)
```

Shade Color Variation

#4c77c1
```
#4c77c1 rgb(76,119,193)
```
#5b82c6
```
#5b82c6 rgb(91,130,198)
```
#698dcb
```
#698dcb rgb(105,141,203)
```
#7898d0
```
#7898d0 rgb(120,152,208)
```
#87a3d5
```
#87a3d5 rgb(135,163,213)
```
#95aeda
```
#95aeda rgb(149,174,218)
```
#a4badf
```
#a4badf rgb(164,186,223)
```
#b2c5e5
```
#b2c5e5 rgb(178,197,229)
```
#c1d0ea
```
#c1d0ea rgb(193,208,234)
```
#cfdbef
```
#cfdbef rgb(207,219,239)
```
#dee6f4
```
#dee6f4 rgb(222,230,244)
```
#edf1f9
```
#edf1f9 rgb(237,241,249)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

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

#5d5f62
```
#5d5f62 rgb(93,95,98)
```
#565d69
```
#565d69 rgb(86,93,105)
```
#4e5b71
```
#4e5b71 rgb(78,91,113)
```
#475978
```
#475978 rgb(71,89,120)
```
#40577f
```
#40577f rgb(64,87,127)
```
#385587
```
#385587 rgb(56,85,135)
```
#31538e
```
#31538e rgb(49,83,142)
```
#2a5195
```
#2a5195 rgb(42,81,149)
```
#224f9d
```
#224f9d rgb(34,79,157)
```
#1b4da4
```
#1b4da4 rgb(27,77,164)
```
#144bab
```
#144bab rgb(20,75,171)
```
#0c49b3
```
#0c49b3 rgb(12,73,179)
```
#0547ba
```
#0547ba rgb(5,71,186)
```

Tone Color Variation

Below, you can see how #31538e 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

#505050 Achromatopsia 0.005% of the population
#4a515c Atypical Achromatopsia 0.001% of the population

Dichromacy

#435a92 Protanopia 1% of men
#335d93 Deuteranopia 1% of men
#1d646c Tritanopia 0.001% of the population

Trichromacy

#3c5791 Protanomaly 1% of men, 0.01% of women
#325991 Deuteranomaly 6% of men, 0.4% of women
#245e78 Tritanomaly 0.01% of the population

#31538e hex color

#31538e Color Information

#31538e Color Conversion

Color Schemes with #31538e

Alternatives to #31538e

#31538e Preview

Shades and Tints of #31538e

Tones of #31538e

Color Blindness Simulator