#311b87 hex color

In a RGB color space, hex #311b87 is composed of 19.2% red, 10.6% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 63.7% cyan, 80% magenta, 0% yellow and 47.1% black. It has a hue angle of 252.2 degrees, a saturation of 66.7% and a lightness of 31.8%. #311b87 color hex could be obtained by blending #6236ff with #00000f. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 11
- B 53
RGB color chart
- C 64
- M 80
- Y 0
- K 47
CMYK color chart

● #311b87 color description : Dark blue.

The hexadecimal color #311b87 has RGB values of R:49, G:27, B:135 and CMYK values of C:0.64, M:0.8, Y:0, K:0.47. Its decimal value is 3218311.

Hex triplet	311b87	`#311b87`
RGB Decimal	49, 27, 135	`rgb(49,27,135)`
RGB Percent	19.2, 10.6, 52.9	`rgb(19.2%,10.6%,52.9%)`
CMYK	64, 80, 0, 47
HSL	252.2°, 66.7, 31.8	`hsl(252.2,66.7%,31.8%)`
HSV (or HSB)	252.2°, 80, 52.9
Web Safe	333399	`#333399`

CIE-LAB	20.773, 40.921, -56.083
XYZ	6.031, 3.186, 23.217
xyY	0.186, 0.098, 3.186
CIE-LCH	20.773, 69.425, 306.116
CIE-LUV	20.773, -0.665, -63.764
Hunter-Lab	17.849, 29.077, -64.628
Binary	00110001, 00011011, 10000111

#311b87
```
#311b87 rgb(49,27,135)
```
#71871b
```
#71871b rgb(113,135,27)
```

Complementary Color

#1b3b87
```
#1b3b87 rgb(27,59,135)
```
#311b87
```
#311b87 rgb(49,27,135)
```
#671b87
```
#671b87 rgb(103,27,135)
```

Analogous Color

#3b871b
```
#3b871b rgb(59,135,27)
```
#311b87
```
#311b87 rgb(49,27,135)
```
#87671b
```
#87671b rgb(135,103,27)
```

Split Complementary Color

#1b8731
```
#1b8731 rgb(27,135,49)
```
#311b87
```
#311b87 rgb(49,27,135)
```
#87311b
```
#87311b rgb(135,49,27)
```

Triadic Color

#1b7187
```
#1b7187 rgb(27,113,135)
```
#311b87
```
#311b87 rgb(49,27,135)
```
#87311b
```
#87311b rgb(135,49,27)
```
#71871b
```
#71871b rgb(113,135,27)
```

Tetradic Color

#1a0e47
```
#1a0e47 rgb(26,14,71)
```
#22135d
```
#22135d rgb(34,19,93)
```
#291772
```
#291772 rgb(41,23,114)
```
#311b87
```
#311b87 rgb(49,27,135)
```
#391f9c
```
#391f9c rgb(57,31,156)
```
#4024b2
```
#4024b2 rgb(64,36,178)
```
#4828c7
```
#4828c7 rgb(72,40,199)
```

Monochromatic Color

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

#1b2087
```
#1b2087 rgb(27,32,135)
```
#1f1b87
```
#1f1b87 rgb(31,27,135)
```
#281b87
```
#281b87 rgb(40,27,135)
```
#311b87
```
#311b87 rgb(49,27,135)
```
#3a1b87
```
#3a1b87 rgb(58,27,135)
```
#431b87
```
#431b87 rgb(67,27,135)
```
#4c1b87
```
#4c1b87 rgb(76,27,135)
```

Similar Colors

Text with hexadecimal color #311b87

This text has a font color of #311b87.

<span style="color:#311b87;">Text here</span>

#311b87 background color

This paragraph has a background color of #311b87.

<p style="background-color:#311b87;">Content here</p>

#311b87 border color

This element has a border color of #311b87.

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

CSS codes

.text {color:#311b87;}

.background {background-color:#311b87;}

.border {border:1px solid #311b87;}

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

#020104
```
#020104 rgb(2,1,4)
```
#070415
```
#070415 rgb(7,4,21)
```
#0d0725
```
#0d0725 rgb(13,7,37)
```
#130b35
```
#130b35 rgb(19,11,53)
```
#190e46
```
#190e46 rgb(25,14,70)
```
#1f1156
```
#1f1156 rgb(31,17,86)
```
#251466
```
#251466 rgb(37,20,102)
```
#2b1877
```
#2b1877 rgb(43,24,119)
```
#311b87
```
#311b87 rgb(49,27,135)
```
#371e97
```
#371e97 rgb(55,30,151)
```
#3d22a8
```
#3d22a8 rgb(61,34,168)
```
#4325b8
```
#4325b8 rgb(67,37,184)
```
#4928c8
```
#4928c8 rgb(73,40,200)
```

Shade Color Variation

#512fd5
```
#512fd5 rgb(81,47,213)
```
#5e3fd9
```
#5e3fd9 rgb(94,63,217)
```
#6c4fdc
```
#6c4fdc rgb(108,79,220)
```
#7a60df
```
#7a60df rgb(122,96,223)
```
#8770e2
```
#8770e2 rgb(135,112,226)
```
#9580e6
```
#9580e6 rgb(149,128,230)
```
#a391e9
```
#a391e9 rgb(163,145,233)
```
#b0a1ec
```
#b0a1ec rgb(176,161,236)
```
#beb2f0
```
#beb2f0 rgb(190,178,240)
```
#ccc2f3
```
#ccc2f3 rgb(204,194,243)
```
#d9d2f6
```
#d9d2f6 rgb(217,210,246)
```
#e7e3f9
```
#e7e3f9 rgb(231,227,249)
```
#f5f3fd
```
#f5f3fd rgb(245,243,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4f4d55 is the less saturated color, while #2202a0 is the most saturated one.

#4f4d55
```
#4f4d55 rgb(79,77,85)
```
#4b475b
```
#4b475b rgb(75,71,91)
```
#474062
```
#474062 rgb(71,64,98)
```
#433a68
```
#433a68 rgb(67,58,104)
```
#40346e
```
#40346e rgb(64,52,110)
```
#3c2e74
```
#3c2e74 rgb(60,46,116)
```
#38277b
```
#38277b rgb(56,39,123)
```
#352181
```
#352181 rgb(53,33,129)
```
#311b87
```
#311b87 rgb(49,27,135)
```
#2d158d
```
#2d158d rgb(45,21,141)
```
#2a0f93
```
#2a0f93 rgb(42,15,147)
```
#26089a
```
#26089a rgb(38,8,154)
```
#2202a0
```
#2202a0 rgb(34,2,160)
```

Tone Color Variation

Below, you can see how #311b87 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

#2e2e2e Achromatopsia 0.005% of the population
#2f2a40 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003a72 Protanopia 1% of men
#003e63 Deuteranopia 1% of men
#004247 Tritanopia 0.001% of the population

Trichromacy

#112f79 Protanomaly 1% of men, 0.01% of women
#113170 Deuteranomaly 6% of men, 0.4% of women
#11345e Tritanomaly 0.01% of the population

#311b87 hex color

#311b87 Color Information

#311b87 Color Conversion

Color Schemes with #311b87

Alternatives to #311b87

#311b87 Preview

Shades and Tints of #311b87

Tones of #311b87

Color Blindness Simulator