#311a89 hex color

In a RGB color space, hex #311a89 is composed of 19.2% red, 10.2% green and 53.7% blue. Whereas in a CMYK color space, it is composed of 64.2% cyan, 81% magenta, 0% yellow and 46.3% black. It has a hue angle of 252.4 degrees, a saturation of 68.1% and a lightness of 32%. #311a89 color hex could be obtained by blending #6234ff with #000013. Closest websafe color is: #333399.

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

● #311a89 color description : Dark blue.

The hexadecimal color #311a89 has RGB values of R:49, G:26, B:137 and CMYK values of C:0.64, M:0.81, Y:0, K:0.46. Its decimal value is 3218057.

Hex triplet	311a89	`#311a89`
RGB Decimal	49, 26, 137	`rgb(49,26,137)`
RGB Percent	19.2, 10.2, 53.7	`rgb(19.2%,10.2%,53.7%)`
CMYK	64, 81, 0, 46
HSL	252.4°, 68.1, 32	`hsl(252.4,68.1%,32%)`
HSV (or HSB)	252.4°, 81, 53.7
Web Safe	333399	`#333399`

CIE-LAB	20.819, 42.036, -57.263
XYZ	6.151, 3.198, 23.959
xyY	0.185, 0.096, 3.198
CIE-LCH	20.819, 71.036, 306.282
CIE-LUV	20.819, -0.696, -64.932
Hunter-Lab	17.882, 30.102, -66.92
Binary	00110001, 00011010, 10001001

#311a89
```
#311a89 rgb(49,26,137)
```
#72891a
```
#72891a rgb(114,137,26)
```

Complementary Color

#1a3a89
```
#1a3a89 rgb(26,58,137)
```
#311a89
```
#311a89 rgb(49,26,137)
```
#691a89
```
#691a89 rgb(105,26,137)
```

Analogous Color

#3b891a
```
#3b891a rgb(59,137,26)
```
#311a89
```
#311a89 rgb(49,26,137)
```
#89691a
```
#89691a rgb(137,105,26)
```

Split Complementary Color

#1a8931
```
#1a8931 rgb(26,137,49)
```
#311a89
```
#311a89 rgb(49,26,137)
```
#89311a
```
#89311a rgb(137,49,26)
```

Triadic Color

#1a7289
```
#1a7289 rgb(26,114,137)
```
#311a89
```
#311a89 rgb(49,26,137)
```
#89311a
```
#89311a rgb(137,49,26)
```
#72891a
```
#72891a rgb(114,137,26)
```

Tetradic Color

#1a0e49
```
#1a0e49 rgb(26,14,73)
```
#22125e
```
#22125e rgb(34,18,94)
```
#291674
```
#291674 rgb(41,22,116)
```
#311a89
```
#311a89 rgb(49,26,137)
```
#391e9e
```
#391e9e rgb(57,30,158)
```
#4022b4
```
#4022b4 rgb(64,34,180)
```
#4826c9
```
#4826c9 rgb(72,38,201)
```

Monochromatic Color

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

#1a1f89
```
#1a1f89 rgb(26,31,137)
```
#1f1a89
```
#1f1a89 rgb(31,26,137)
```
#281a89
```
#281a89 rgb(40,26,137)
```
#311a89
```
#311a89 rgb(49,26,137)
```
#3a1a89
```
#3a1a89 rgb(58,26,137)
```
#441a89
```
#441a89 rgb(68,26,137)
```
#4d1a89
```
#4d1a89 rgb(77,26,137)
```

Similar Colors

Text with hexadecimal color #311a89

This text has a font color of #311a89.

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

#311a89 background color

This paragraph has a background color of #311a89.

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

#311a89 border color

This element has a border color of #311a89.

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

CSS codes

.text {color:#311a89;}

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

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

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

#020105
```
#020105 rgb(2,1,5)
```
#080416
```
#080416 rgb(8,4,22)
```
#0e0726
```
#0e0726 rgb(14,7,38)
```
#140a37
```
#140a37 rgb(20,10,55)
```
#190d47
```
#190d47 rgb(25,13,71)
```
#1f1158
```
#1f1158 rgb(31,17,88)
```
#251468
```
#251468 rgb(37,20,104)
```
#2b1779
```
#2b1779 rgb(43,23,121)
```
#311a89
```
#311a89 rgb(49,26,137)
```
#371d99
```
#371d99 rgb(55,29,153)
```
#3d20aa
```
#3d20aa rgb(61,32,170)
```
#4323ba
```
#4323ba rgb(67,35,186)
```
#4927cb
```
#4927cb rgb(73,39,203)
```

Shade Color Variation

#512ed7
```
#512ed7 rgb(81,46,215)
```
#5f3eda
```
#5f3eda rgb(95,62,218)
```
#6c4fde
```
#6c4fde rgb(108,79,222)
```
#7a5fe1
```
#7a5fe1 rgb(122,95,225)
```
#8870e4
```
#8870e4 rgb(136,112,228)
```
#9680e7
```
#9680e7 rgb(150,128,231)
```
#a391ea
```
#a391ea rgb(163,145,234)
```
#b1a1ed
```
#b1a1ed rgb(177,161,237)
```
#bfb2f0
```
#bfb2f0 rgb(191,178,240)
```
#ccc2f3
```
#ccc2f3 rgb(204,194,243)
```
#dad3f7
```
#dad3f7 rgb(218,211,247)
```
#e8e3fa
```
#e8e3fa rgb(232,227,250)
```
#f6f4fd
```
#f6f4fd rgb(246,244,253)
```

Tint Color Variation

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

#4e4c57
```
#4e4c57 rgb(78,76,87)
```
#4b465d
```
#4b465d rgb(75,70,93)
```
#474063
```
#474063 rgb(71,64,99)
```
#43396a
```
#43396a rgb(67,57,106)
```
#403370
```
#403370 rgb(64,51,112)
```
#3c2d76
```
#3c2d76 rgb(60,45,118)
```
#38277c
```
#38277c rgb(56,39,124)
```
#352083
```
#352083 rgb(53,32,131)
```
#311a89
```
#311a89 rgb(49,26,137)
```
#2d148f
```
#2d148f rgb(45,20,143)
```
#2a0d96
```
#2a0d96 rgb(42,13,150)
```
#26079c
```
#26079c rgb(38,7,156)
```
#2201a2
```
#2201a2 rgb(34,1,162)
```

Tone Color Variation

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

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

Trichromacy

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

#311a89 hex color

#311a89 Color Information

#311a89 Color Conversion

Color Schemes with #311a89

Alternatives to #311a89

#311a89 Preview

Shades and Tints of #311a89

Tones of #311a89

Color Blindness Simulator