#31588c hex color

In a RGB color space, hex #31588c is composed of 19.2% red, 34.5% green and 54.9% blue. Whereas in a CMYK color space, it is composed of 65% cyan, 37.1% magenta, 0% yellow and 45.1% black. It has a hue angle of 214.3 degrees, a saturation of 48.1% and a lightness of 37.1%. #31588c color hex could be obtained by blending #62b0ff with #000019. Closest websafe color is: #336699.

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

● #31588c color description : Dark moderate blue.

The hexadecimal color #31588c has RGB values of R:49, G:88, B:140 and CMYK values of C:0.65, M:0.37, Y:0, K:0.45. Its decimal value is 3233932.

Hex triplet	31588c	`#31588c`
RGB Decimal	49, 88, 140	`rgb(49,88,140)`
RGB Percent	19.2, 34.5, 54.9	`rgb(19.2%,34.5%,54.9%)`
CMYK	65, 37, 0, 45
HSL	214.3°, 48.1, 37.1	`hsl(214.3,48.1%,37.1%)`
HSV (or HSB)	214.3°, 65, 54.9
Web Safe	336699	`#336699`

CIE-LAB	36.977, 3.604, -32.976
XYZ	9.489, 9.525, 26.148
xyY	0.21, 0.211, 9.525
CIE-LCH	36.977, 33.172, 276.237
CIE-LUV	36.977, -16.053, -46.589
Hunter-Lab	30.863, 0.87, -28.628
Binary	00110001, 01011000, 10001100

#31588c
```
#31588c rgb(49,88,140)
```
#8c6531
```
#8c6531 rgb(140,101,49)
```

Complementary Color

#31868c
```
#31868c rgb(49,134,140)
```
#31588c
```
#31588c rgb(49,88,140)
```
#38318c
```
#38318c rgb(56,49,140)
```

Analogous Color

#868c31
```
#868c31 rgb(134,140,49)
```
#31588c
```
#31588c rgb(49,88,140)
```
#8c3831
```
#8c3831 rgb(140,56,49)
```

Split Complementary Color

#588c31
```
#588c31 rgb(88,140,49)
```
#31588c
```
#31588c rgb(49,88,140)
```
#8c3158
```
#8c3158 rgb(140,49,88)
```

Triadic Color

#318c65
```
#318c65 rgb(49,140,101)
```
#31588c
```
#31588c rgb(49,88,140)
```
#8c3158
```
#8c3158 rgb(140,49,88)
```
#8c6531
```
#8c6531 rgb(140,101,49)
```

Tetradic Color

#1d3453
```
#1d3453 rgb(29,52,83)
```
#244066
```
#244066 rgb(36,64,102)
```
#2a4c79
```
#2a4c79 rgb(42,76,121)
```
#31588c
```
#31588c rgb(49,88,140)
```
#38649f
```
#38649f rgb(56,100,159)
```
#3e70b2
```
#3e70b2 rgb(62,112,178)
```
#4a7cc0
```
#4a7cc0 rgb(74,124,192)
```

Monochromatic Color

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

#316f8c
```
#316f8c rgb(49,111,140)
```
#31678c
```
#31678c rgb(49,103,140)
```
#31608c
```
#31608c rgb(49,96,140)
```
#31588c
```
#31588c rgb(49,88,140)
```
#31508c
```
#31508c rgb(49,80,140)
```
#31498c
```
#31498c rgb(49,73,140)
```
#31418c
```
#31418c rgb(49,65,140)
```

Similar Colors

Text with hexadecimal color #31588c

This text has a font color of #31588c.

<span style="color:#31588c;">Text here</span>

#31588c background color

This paragraph has a background color of #31588c.

<p style="background-color:#31588c;">Content here</p>

#31588c border color

This element has a border color of #31588c.

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

CSS codes

.text {color:#31588c;}

.background {background-color:#31588c;}

.border {border:1px solid #31588c;}

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

#030609
```
#030609 rgb(3,6,9)
```
#080f18
```
#080f18 rgb(8,15,24)
```
#0d1826
```
#0d1826 rgb(13,24,38)
```
#122135
```
#122135 rgb(18,33,53)
```
#182a43
```
#182a43 rgb(24,42,67)
```
#1d3352
```
#1d3352 rgb(29,51,82)
```
#223d60
```
#223d60 rgb(34,61,96)
```
#27466f
```
#27466f rgb(39,70,111)
```
#2c4f7d
```
#2c4f7d rgb(44,79,125)
```
#31588c
```
#31588c rgb(49,88,140)
```
#36619b
```
#36619b rgb(54,97,155)
```
#3b6aa9
```
#3b6aa9 rgb(59,106,169)
```
#4073b8
```
#4073b8 rgb(64,115,184)
```

Shade Color Variation

#4b7dc0
```
#4b7dc0 rgb(75,125,192)
```
#5a88c5
```
#5a88c5 rgb(90,136,197)
```
#6892ca
```
#6892ca rgb(104,146,202)
```
#779dcf
```
#779dcf rgb(119,157,207)
```
#85a7d4
```
#85a7d4 rgb(133,167,212)
```
#94b2da
```
#94b2da rgb(148,178,218)
```
#a3bcdf
```
#a3bcdf rgb(163,188,223)
```
#b1c7e4
```
#b1c7e4 rgb(177,199,228)
```
#c0d1e9
```
#c0d1e9 rgb(192,209,233)
```
#cedcee
```
#cedcee rgb(206,220,238)
```
#dde6f3
```
#dde6f3 rgb(221,230,243)
```
#ebf1f8
```
#ebf1f8 rgb(235,241,248)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

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

#5d5e60
```
#5d5e60 rgb(93,94,96)
```
#555d68
```
#555d68 rgb(85,93,104)
```
#4e5c6f
```
#4e5c6f rgb(78,92,111)
```
#475b76
```
#475b76 rgb(71,91,118)
```
#405a7d
```
#405a7d rgb(64,90,125)
```
#385985
```
#385985 rgb(56,89,133)
```
#31588c
```
#31588c rgb(49,88,140)
```
#2a5793
```
#2a5793 rgb(42,87,147)
```
#22569b
```
#22569b rgb(34,86,155)
```
#1b55a2
```
#1b55a2 rgb(27,85,162)
```
#1454a9
```
#1454a9 rgb(20,84,169)
```
#0d53b0
```
#0d53b0 rgb(13,83,176)
```
#0552b8
```
#0552b8 rgb(5,82,184)
```

Tone Color Variation

Below, you can see how #31588c 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

#525252 Achromatopsia 0.005% of the population
#4b535e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b5e8f Protanopia 1% of men
#405f92 Deuteranopia 1% of men
#23686f Tritanopia 0.001% of the population

Trichromacy

#425b8e Protanomaly 1% of men, 0.01% of women
#3a5d90 Deuteranomaly 6% of men, 0.4% of women
#28627a Tritanomaly 0.01% of the population

#31588c hex color

#31588c Color Information

#31588c Color Conversion

Color Schemes with #31588c

Alternatives to #31588c

#31588c Preview

Shades and Tints of #31588c

Tones of #31588c

Color Blindness Simulator