#311b89 hex color

In a RGB color space, hex #311b89 is composed of 19.2% red, 10.6% green and 53.7% blue. Whereas in a CMYK color space, it is composed of 64.2% cyan, 80.3% magenta, 0% yellow and 46.3% black. It has a hue angle of 252 degrees, a saturation of 67.1% and a lightness of 32.2%. #311b89 color hex could be obtained by blending #6236ff with #000013. Closest websafe color is: #333399.

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

● #311b89 color description : Dark blue.

The hexadecimal color #311b89 has RGB values of R:49, G:27, B:137 and CMYK values of C:0.64, M:0.8, Y:0, K:0.46. Its decimal value is 3218313.

Hex triplet	311b89	`#311b89`
RGB Decimal	49, 27, 137	`rgb(49,27,137)`
RGB Percent	19.2, 10.6, 53.7	`rgb(19.2%,10.6%,53.7%)`
CMYK	64, 80, 0, 46
HSL	252°, 67.1, 32.2	`hsl(252,67.1%,32.2%)`
HSV (or HSB)	252°, 80.3, 53.7
Web Safe	333399	`#333399`

CIE-LAB	20.991, 41.538, -56.979
XYZ	6.173, 3.243, 23.966
xyY	0.185, 0.097, 3.243
CIE-LCH	20.991, 70.512, 306.093
CIE-LUV	20.991, -0.811, -64.95
Hunter-Lab	18.008, 29.677, -66.303
Binary	00110001, 00011011, 10001001

#311b89
```
#311b89 rgb(49,27,137)
```
#73891b
```
#73891b rgb(115,137,27)
```

Complementary Color

#1b3c89
```
#1b3c89 rgb(27,60,137)
```
#311b89
```
#311b89 rgb(49,27,137)
```
#681b89
```
#681b89 rgb(104,27,137)
```

Analogous Color

#3c891b
```
#3c891b rgb(60,137,27)
```
#311b89
```
#311b89 rgb(49,27,137)
```
#89681b
```
#89681b rgb(137,104,27)
```

Split Complementary Color

#1b8931
```
#1b8931 rgb(27,137,49)
```
#311b89
```
#311b89 rgb(49,27,137)
```
#89311b
```
#89311b rgb(137,49,27)
```

Triadic Color

#1b7389
```
#1b7389 rgb(27,115,137)
```
#311b89
```
#311b89 rgb(49,27,137)
```
#89311b
```
#89311b rgb(137,49,27)
```
#73891b
```
#73891b rgb(115,137,27)
```

Tetradic Color

#1a0e49
```
#1a0e49 rgb(26,14,73)
```
#22135e
```
#22135e rgb(34,19,94)
```
#291774
```
#291774 rgb(41,23,116)
```
#311b89
```
#311b89 rgb(49,27,137)
```
#391f9e
```
#391f9e rgb(57,31,158)
```
#4023b4
```
#4023b4 rgb(64,35,180)
```
#4828c9
```
#4828c9 rgb(72,40,201)
```

Monochromatic Color

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

#1b2189
```
#1b2189 rgb(27,33,137)
```
#1f1b89
```
#1f1b89 rgb(31,27,137)
```
#281b89
```
#281b89 rgb(40,27,137)
```
#311b89
```
#311b89 rgb(49,27,137)
```
#3a1b89
```
#3a1b89 rgb(58,27,137)
```
#431b89
```
#431b89 rgb(67,27,137)
```
#4d1b89
```
#4d1b89 rgb(77,27,137)
```

Similar Colors

Text with hexadecimal color #311b89

This text has a font color of #311b89.

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

#311b89 background color

This paragraph has a background color of #311b89.

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

#311b89 border color

This element has a border color of #311b89.

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

CSS codes

.text {color:#311b89;}

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

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

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

#020106
```
#020106 rgb(2,1,6)
```
#080416
```
#080416 rgb(8,4,22)
```
#0e0827
```
#0e0827 rgb(14,8,39)
```
#140b37
```
#140b37 rgb(20,11,55)
```
#1a0e47
```
#1a0e47 rgb(26,14,71)
```
#1f1158
```
#1f1158 rgb(31,17,88)
```
#251568
```
#251568 rgb(37,21,104)
```
#2b1879
```
#2b1879 rgb(43,24,121)
```
#311b89
```
#311b89 rgb(49,27,137)
```
#371e99
```
#371e99 rgb(55,30,153)
```
#3d21aa
```
#3d21aa rgb(61,33,170)
```
#4325ba
```
#4325ba rgb(67,37,186)
```
#4828cb
```
#4828cb rgb(72,40,203)
```

Shade Color Variation

#5130d6
```
#5130d6 rgb(81,48,214)
```
#5f40d9
```
#5f40d9 rgb(95,64,217)
```
#6d51dd
```
#6d51dd rgb(109,81,221)
```
#7a61e0
```
#7a61e0 rgb(122,97,224)
```
#8871e3
```
#8871e3 rgb(136,113,227)
```
#9682e6
```
#9682e6 rgb(150,130,230)
```
#a492ea
```
#a492ea rgb(164,146,234)
```
#b1a3ed
```
#b1a3ed rgb(177,163,237)
```
#bfb3f0
```
#bfb3f0 rgb(191,179,240)
```
#cdc3f3
```
#cdc3f3 rgb(205,195,243)
```
#dbd4f6
```
#dbd4f6 rgb(219,212,246)
```
#e8e4fa
```
#e8e4fa rgb(232,228,250)
```
#f6f5fd
```
#f6f5fd rgb(246,245,253)
```

Tint Color Variation

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

#4f4d57
```
#4f4d57 rgb(79,77,87)
```
#4b475d
```
#4b475d rgb(75,71,93)
```
#484163
```
#484163 rgb(72,65,99)
```
#443b69
```
#443b69 rgb(68,59,105)
```
#403470
```
#403470 rgb(64,52,112)
```
#3c2e76
```
#3c2e76 rgb(60,46,118)
```
#39287c
```
#39287c rgb(57,40,124)
```
#352183
```
#352183 rgb(53,33,131)
```
#311b89
```
#311b89 rgb(49,27,137)
```
#2d158f
```
#2d158f rgb(45,21,143)
```
#290e96
```
#290e96 rgb(41,14,150)
```
#26089c
```
#26089c rgb(38,8,156)
```
#2202a2
```
#2202a2 rgb(34,2,162)
```

Tone Color Variation

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

#003b73 Protanopia 1% of men
#003e64 Deuteranopia 1% of men
#004347 Tritanopia 0.001% of the population

Trichromacy

#112f7b Protanomaly 1% of men, 0.01% of women
#113171 Deuteranomaly 6% of men, 0.4% of women
#11345f Tritanomaly 0.01% of the population

#311b89 hex color

#311b89 Color Information

#311b89 Color Conversion

Color Schemes with #311b89

Alternatives to #311b89

#311b89 Preview

Shades and Tints of #311b89

Tones of #311b89

Color Blindness Simulator