#31558d hex color

In a RGB color space, hex #31558d is composed of 19.2% red, 33.3% green and 55.3% blue. Whereas in a CMYK color space, it is composed of 65.2% cyan, 39.7% magenta, 0% yellow and 44.7% black. It has a hue angle of 216.5 degrees, a saturation of 48.4% and a lightness of 37.3%. #31558d color hex could be obtained by blending #62aaff with #00001b. Closest websafe color is: #336699.

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

● #31558d color description : Dark moderate blue.

The hexadecimal color #31558d has RGB values of R:49, G:85, B:141 and CMYK values of C:0.65, M:0.4, Y:0, K:0.45. Its decimal value is 3233165.

Hex triplet	31558d	`#31558d`
RGB Decimal	49, 85, 141	`rgb(49,85,141)`
RGB Percent	19.2, 33.3, 55.3	`rgb(19.2%,33.3%,55.3%)`
CMYK	65, 40, 0, 45
HSL	216.5°, 48.4, 37.3	`hsl(216.5,48.4%,37.3%)`
HSV (or HSB)	216.5°, 65.2, 55.3
Web Safe	336699	`#336699`

CIE-LAB	36.123, 5.911, -34.936
XYZ	9.322, 9.072, 26.458
xyY	0.208, 0.202, 9.072
CIE-LCH	36.123, 35.432, 279.603
CIE-LUV	36.123, -15.008, -49.349
Hunter-Lab	30.121, 2.532, -30.996
Binary	00110001, 01010101, 10001101

#31558d
```
#31558d rgb(49,85,141)
```
#8d6931
```
#8d6931 rgb(141,105,49)
```

Complementary Color

#31838d
```
#31838d rgb(49,131,141)
```
#31558d
```
#31558d rgb(49,85,141)
```
#3b318d
```
#3b318d rgb(59,49,141)
```

Analogous Color

#838d31
```
#838d31 rgb(131,141,49)
```
#31558d
```
#31558d rgb(49,85,141)
```
#8d3b31
```
#8d3b31 rgb(141,59,49)
```

Split Complementary Color

#558d31
```
#558d31 rgb(85,141,49)
```
#31558d
```
#31558d rgb(49,85,141)
```
#8d3155
```
#8d3155 rgb(141,49,85)
```

Triadic Color

#318d69
```
#318d69 rgb(49,141,105)
```
#31558d
```
#31558d rgb(49,85,141)
```
#8d3155
```
#8d3155 rgb(141,49,85)
```
#8d6931
```
#8d6931 rgb(141,105,49)
```

Tetradic Color

#1d3354
```
#1d3354 rgb(29,51,84)
```
#243e67
```
#243e67 rgb(36,62,103)
```
#2a4a7a
```
#2a4a7a rgb(42,74,122)
```
#31558d
```
#31558d rgb(49,85,141)
```
#3860a0
```
#3860a0 rgb(56,96,160)
```
#3e6cb3
```
#3e6cb3 rgb(62,108,179)
```
#4a78c0
```
#4a78c0 rgb(74,120,192)
```

Monochromatic Color

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

#316c8d
```
#316c8d rgb(49,108,141)
```
#31648d
```
#31648d rgb(49,100,141)
```
#315d8d
```
#315d8d rgb(49,93,141)
```
#31558d
```
#31558d rgb(49,85,141)
```
#314d8d
```
#314d8d rgb(49,77,141)
```
#31468d
```
#31468d rgb(49,70,141)
```
#313e8d
```
#313e8d rgb(49,62,141)
```

Similar Colors

Text with hexadecimal color #31558d

This text has a font color of #31558d.

<span style="color:#31558d;">Text here</span>

#31558d background color

This paragraph has a background color of #31558d.

<p style="background-color:#31558d;">Content here</p>

#31558d border color

This element has a border color of #31558d.

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

CSS codes

.text {color:#31558d;}

.background {background-color:#31558d;}

.border {border:1px solid #31558d;}

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

#03060a
```
#03060a rgb(3,6,10)
```
#090f19
```
#090f19 rgb(9,15,25)
```
#0e1827
```
#0e1827 rgb(14,24,39)
```
#132036
```
#132036 rgb(19,32,54)
```
#182944
```
#182944 rgb(24,41,68)
```
#1d3253
```
#1d3253 rgb(29,50,83)
```
#223b61
```
#223b61 rgb(34,59,97)
```
#274370
```
#274370 rgb(39,67,112)
```
#2c4c7e
```
#2c4c7e rgb(44,76,126)
```
#31558d
```
#31558d rgb(49,85,141)
```
#365e9c
```
#365e9c rgb(54,94,156)
```
#3b67aa
```
#3b67aa rgb(59,103,170)
```
#406fb9
```
#406fb9 rgb(64,111,185)
```

Shade Color Variation

#4c7ac1
```
#4c7ac1 rgb(76,122,193)
```
#5a84c6
```
#5a84c6 rgb(90,132,198)
```
#698fcb
```
#698fcb rgb(105,143,203)
```
#779ad0
```
#779ad0 rgb(119,154,208)
```
#86a5d5
```
#86a5d5 rgb(134,165,213)
```
#95b0da
```
#95b0da rgb(149,176,218)
```
#a3bbdf
```
#a3bbdf rgb(163,187,223)
```
#b2c5e4
```
#b2c5e4 rgb(178,197,228)
```
#c0d0e9
```
#c0d0e9 rgb(192,208,233)
```
#cfdbee
```
#cfdbee rgb(207,219,238)
```
#dde6f3
```
#dde6f3 rgb(221,230,243)
```
#ecf1f8
```
#ecf1f8 rgb(236,241,248)
```
#fafcfd
```
#fafcfd rgb(250,252,253)
```

Tint Color Variation

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

#5d5f61
```
#5d5f61 rgb(93,95,97)
```
#565d68
```
#565d68 rgb(86,93,104)
```
#4e5b70
```
#4e5b70 rgb(78,91,112)
```
#475a77
```
#475a77 rgb(71,90,119)
```
#40587e
```
#40587e rgb(64,88,126)
```
#385786
```
#385786 rgb(56,87,134)
```
#31558d
```
#31558d rgb(49,85,141)
```
#2a5394
```
#2a5394 rgb(42,83,148)
```
#22529c
```
#22529c rgb(34,82,156)
```
#1b50a3
```
#1b50a3 rgb(27,80,163)
```
#144faa
```
#144faa rgb(20,79,170)
```
#0c4db2
```
#0c4db2 rgb(12,77,178)
```
#054bb9
```
#054bb9 rgb(5,75,185)
```

Tone Color Variation

Below, you can see how #31558d 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

#515151 Achromatopsia 0.005% of the population
#4b525d Atypical Achromatopsia 0.001% of the population

Dichromacy

#465c91 Protanopia 1% of men
#395e92 Deuteranopia 1% of men
#20666d Tritanopia 0.001% of the population

Trichromacy

#3e598f Protanomaly 1% of men, 0.01% of women
#365a90 Deuteranomaly 6% of men, 0.4% of women
#265f79 Tritanomaly 0.01% of the population

#31558d hex color

#31558d Color Information

#31558d Color Conversion

Color Schemes with #31558d

Alternatives to #31558d

#31558d Preview

Shades and Tints of #31558d

Tones of #31558d

Color Blindness Simulator