#31587a hex color

In a RGB color space, hex #31587a is composed of 19.2% red, 34.5% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 59.8% cyan, 27.9% magenta, 0% yellow and 52.2% black. It has a hue angle of 207.9 degrees, a saturation of 42.7% and a lightness of 33.5%. #31587a color hex could be obtained by blending #62b0f4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 35
- B 48
RGB color chart
- C 60
- M 28
- Y 0
- K 52
CMYK color chart

● #31587a color description : Dark moderate blue.

The hexadecimal color #31587a has RGB values of R:49, G:88, B:122 and CMYK values of C:0.6, M:0.28, Y:0, K:0.52. Its decimal value is 3233914.

Hex triplet	31587a	`#31587a`
RGB Decimal	49, 88, 122	`rgb(49,88,122)`
RGB Percent	19.2, 34.5, 47.8	`rgb(19.2%,34.5%,47.8%)`
CMYK	60, 28, 0, 52
HSL	207.9°, 42.7, 33.5	`hsl(207.9,42.7%,33.5%)`
HSV (or HSB)	207.9°, 59.8, 47.8
Web Safe	336666	`#336666`

CIE-LAB	36.056, -2.831, -23.405
XYZ	8.268, 9.037, 19.72
xyY	0.223, 0.244, 9.037
CIE-LCH	36.056, 23.576, 263.103
CIE-LUV	36.056, -16.36, -31.708
Hunter-Lab	30.062, -3.512, -17.85
Binary	00110001, 01011000, 01111010

#31587a
```
#31587a rgb(49,88,122)
```
#7a5331
```
#7a5331 rgb(122,83,49)
```

Complementary Color

#317a78
```
#317a78 rgb(49,122,120)
```
#31587a
```
#31587a rgb(49,88,122)
```
#31347a
```
#31347a rgb(49,52,122)
```

Analogous Color

#7a7831
```
#7a7831 rgb(122,120,49)
```
#31587a
```
#31587a rgb(49,88,122)
```
#7a3134
```
#7a3134 rgb(122,49,52)
```

Split Complementary Color

#587a31
```
#587a31 rgb(88,122,49)
```
#31587a
```
#31587a rgb(49,88,122)
```
#7a3158
```
#7a3158 rgb(122,49,88)
```

Triadic Color

#317a53
```
#317a53 rgb(49,122,83)
```
#31587a
```
#31587a rgb(49,88,122)
```
#7a3158
```
#7a3158 rgb(122,49,88)
```
#7a5331
```
#7a5331 rgb(122,83,49)
```

Tetradic Color

#1b3143
```
#1b3143 rgb(27,49,67)
```
#223e56
```
#223e56 rgb(34,62,86)
```
#2a4b68
```
#2a4b68 rgb(42,75,104)
```
#31587a
```
#31587a rgb(49,88,122)
```
#38658c
```
#38658c rgb(56,101,140)
```
#40729e
```
#40729e rgb(64,114,158)
```
#477fb1
```
#477fb1 rgb(71,127,177)
```

Monochromatic Color

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

#316a7a
```
#316a7a rgb(49,106,122)
```
#31647a
```
#31647a rgb(49,100,122)
```
#315e7a
```
#315e7a rgb(49,94,122)
```
#31587a
```
#31587a rgb(49,88,122)
```
#31527a
```
#31527a rgb(49,82,122)
```
#314c7a
```
#314c7a rgb(49,76,122)
```
#31467a
```
#31467a rgb(49,70,122)
```

Similar Colors

Text with hexadecimal color #31587a

This text has a font color of #31587a.

<span style="color:#31587a;">Text here</span>

#31587a background color

This paragraph has a background color of #31587a.

<p style="background-color:#31587a;">Content here</p>

#31587a border color

This element has a border color of #31587a.

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

CSS codes

.text {color:#31587a;}

.background {background-color:#31587a;}

.border {border:1px solid #31587a;}

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

#04070a
```
#04070a rgb(4,7,10)
```
#0a1118
```
#0a1118 rgb(10,17,24)
```
#0f1b26
```
#0f1b26 rgb(15,27,38)
```
#152634
```
#152634 rgb(21,38,52)
```
#1b3042
```
#1b3042 rgb(27,48,66)
```
#203a50
```
#203a50 rgb(32,58,80)
```
#26445e
```
#26445e rgb(38,68,94)
```
#2b4e6c
```
#2b4e6c rgb(43,78,108)
```
#31587a
```
#31587a rgb(49,88,122)
```
#376288
```
#376288 rgb(55,98,136)
```
#3c6c96
```
#3c6c96 rgb(60,108,150)
```
#4276a4
```
#4276a4 rgb(66,118,164)
```
#4780b2
```
#4780b2 rgb(71,128,178)
```

Shade Color Variation

#538aba
```
#538aba rgb(83,138,186)
```
#6194c0
```
#6194c0 rgb(97,148,192)
```
#6f9dc5
```
#6f9dc5 rgb(111,157,197)
```
#7da7cb
```
#7da7cb rgb(125,167,203)
```
#8bb0d0
```
#8bb0d0 rgb(139,176,208)
```
#99bad6
```
#99bad6 rgb(153,186,214)
```
#a7c3dc
```
#a7c3dc rgb(167,195,220)
```
#b5cde1
```
#b5cde1 rgb(181,205,225)
```
#c3d6e7
```
#c3d6e7 rgb(195,214,231)
```
#d1e0ed
```
#d1e0ed rgb(209,224,237)
```
#dfe9f2
```
#dfe9f2 rgb(223,233,242)
```
#edf3f8
```
#edf3f8 rgb(237,243,248)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #525659 is the less saturated color, while #035ba8 is the most saturated one.

#525659
```
#525659 rgb(82,86,89)
```
#4b5660
```
#4b5660 rgb(75,86,96)
```
#455766
```
#455766 rgb(69,87,102)
```
#3e576d
```
#3e576d rgb(62,87,109)
```
#385873
```
#385873 rgb(56,88,115)
```
#31587a
```
#31587a rgb(49,88,122)
```
#2a5881
```
#2a5881 rgb(42,88,129)
```
#245987
```
#245987 rgb(36,89,135)
```
#1d598e
```
#1d598e rgb(29,89,142)
```
#175a94
```
#175a94 rgb(23,90,148)
```
#105a9b
```
#105a9b rgb(16,90,155)
```
#0a5ba1
```
#0a5ba1 rgb(10,91,161)
```
#035ba8
```
#035ba8 rgb(3,91,168)
```

Tone Color Variation

Below, you can see how #31587a 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
#4a5258 Atypical Achromatopsia 0.001% of the population

Dichromacy

#525c7d Protanopia 1% of men
#4e5c82 Deuteranopia 1% of men
#30646c Tritanopia 0.001% of the population

Trichromacy

#465a7c Protanomaly 1% of men, 0.01% of women
#435b7f Deuteranomaly 6% of men, 0.4% of women
#306071 Tritanomaly 0.01% of the population

#31587a hex color

#31587a Color Information

#31587a Color Conversion

Color Schemes with #31587a

Alternatives to #31587a

#31587a Preview

Shades and Tints of #31587a

Tones of #31587a

Color Blindness Simulator