#311a56 hex color

In a RGB color space, hex #311a56 is composed of 19.2% red, 10.2% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 43% cyan, 69.8% magenta, 0% yellow and 66.3% black. It has a hue angle of 263 degrees, a saturation of 53.6% and a lightness of 22%. #311a56 color hex could be obtained by blending #6234ac with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 10
- B 34
RGB color chart
- C 43
- M 70
- Y 0
- K 66
CMYK color chart

● #311a56 color description : Very dark violet.

The hexadecimal color #311a56 has RGB values of R:49, G:26, B:86 and CMYK values of C:0.43, M:0.7, Y:0, K:0.66. Its decimal value is 3218006.

Hex triplet	311a56	`#311a56`
RGB Decimal	49, 26, 86	`rgb(49,26,86)`
RGB Percent	19.2, 10.2, 33.7	`rgb(19.2%,10.2%,33.7%)`
CMYK	43, 70, 0, 66
HSL	263°, 53.6, 22	`hsl(263,53.6%,22%)`
HSV (or HSB)	263°, 69.8, 33.7
Web Safe	333366	`#333366`

CIE-LAB	15.818, 26.224, -32.351
XYZ	3.315, 2.064, 9.027
xyY	0.23, 0.143, 2.064
CIE-LCH	15.818, 41.645, 309.029
CIE-LUV	15.818, 3.767, -34.055
Hunter-Lab	14.365, 16.057, -27.202
Binary	00110001, 00011010, 01010110

#311a56
```
#311a56 rgb(49,26,86)
```
#3f561a
```
#3f561a rgb(63,86,26)
```

Complementary Color

#1a2156
```
#1a2156 rgb(26,33,86)
```
#311a56
```
#311a56 rgb(49,26,86)
```
#4f1a56
```
#4f1a56 rgb(79,26,86)
```

Analogous Color

#21561a
```
#21561a rgb(33,86,26)
```
#311a56
```
#311a56 rgb(49,26,86)
```
#564f1a
```
#564f1a rgb(86,79,26)
```

Split Complementary Color

#1a5631
```
#1a5631 rgb(26,86,49)
```
#311a56
```
#311a56 rgb(49,26,86)
```
#56311a
```
#56311a rgb(86,49,26)
```

Triadic Color

#1a3f56
```
#1a3f56 rgb(26,63,86)
```
#311a56
```
#311a56 rgb(49,26,86)
```
#56311a
```
#56311a rgb(86,49,26)
```
#3f561a
```
#3f561a rgb(63,86,26)
```

Tetradic Color

#10081b
```
#10081b rgb(16,8,27)
```
#1b0e2f
```
#1b0e2f rgb(27,14,47)
```
#261442
```
#261442 rgb(38,20,66)
```
#311a56
```
#311a56 rgb(49,26,86)
```
#3c206a
```
#3c206a rgb(60,32,106)
```
#47267d
```
#47267d rgb(71,38,125)
```
#522c91
```
#522c91 rgb(82,44,145)
```

Monochromatic Color

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

#221a56
```
#221a56 rgb(34,26,86)
```
#271a56
```
#271a56 rgb(39,26,86)
```
#2c1a56
```
#2c1a56 rgb(44,26,86)
```
#311a56
```
#311a56 rgb(49,26,86)
```
#361a56
```
#361a56 rgb(54,26,86)
```
#3b1a56
```
#3b1a56 rgb(59,26,86)
```
#401a56
```
#401a56 rgb(64,26,86)
```

Similar Colors

Text with hexadecimal color #311a56

This text has a font color of #311a56.

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

#311a56 background color

This paragraph has a background color of #311a56.

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

#311a56 border color

This element has a border color of #311a56.

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

CSS codes

.text {color:#311a56;}

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

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

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, #06030b is the darkest color, while #fcfbfe is the lightest one.

#06030b
```
#06030b rgb(6,3,11)
```
#0f081a
```
#0f081a rgb(15,8,26)
```
#170c29
```
#170c29 rgb(23,12,41)
```
#201138
```
#201138 rgb(32,17,56)
```
#281547
```
#281547 rgb(40,21,71)
```
#311a56
```
#311a56 rgb(49,26,86)
```
#3a1f65
```
#3a1f65 rgb(58,31,101)
```
#422374
```
#422374 rgb(66,35,116)
```
#4b2883
```
#4b2883 rgb(75,40,131)
```
#532c92
```
#532c92 rgb(83,44,146)
```
#5c31a1
```
#5c31a1 rgb(92,49,161)
```
#6435b0
```
#6435b0 rgb(100,53,176)
```
#6d3abf
```
#6d3abf rgb(109,58,191)
```

Shade Color Variation

#7746c7
```
#7746c7 rgb(119,70,199)
```
#8255cc
```
#8255cc rgb(130,85,204)
```
#8d64d0
```
#8d64d0 rgb(141,100,208)
```
#9873d5
```
#9873d5 rgb(152,115,213)
```
#a482d9
```
#a482d9 rgb(164,130,217)
```
#af91de
```
#af91de rgb(175,145,222)
```
#baa0e2
```
#baa0e2 rgb(186,160,226)
```
#c5afe7
```
#c5afe7 rgb(197,175,231)
```
#d0beeb
```
#d0beeb rgb(208,190,235)
```
#dbcdf0
```
#dbcdf0 rgb(219,205,240)
```
#e6ddf5
```
#e6ddf5 rgb(230,221,245)
```
#f1ecf9
```
#f1ecf9 rgb(241,236,249)
```
#fcfbfe
```
#fcfbfe rgb(252,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #37343c is the less saturated color, while #2b0070 is the most saturated one.

#37343c
```
#37343c rgb(55,52,60)
```
#363040
```
#363040 rgb(54,48,64)
```
#352b45
```
#352b45 rgb(53,43,69)
```
#342749
```
#342749 rgb(52,39,73)
```
#33234d
```
#33234d rgb(51,35,77)
```
#321e52
```
#321e52 rgb(50,30,82)
```
#311a56
```
#311a56 rgb(49,26,86)
```
#30165a
```
#30165a rgb(48,22,90)
```
#2f115f
```
#2f115f rgb(47,17,95)
```
#2e0d63
```
#2e0d63 rgb(46,13,99)
```
#2d0967
```
#2d0967 rgb(45,9,103)
```
#2c046c
```
#2c046c rgb(44,4,108)
```
#2b0070
```
#2b0070 rgb(43,0,112)
```

Tone Color Variation

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

#282828 Achromatopsia 0.005% of the population
#2a2531 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003160 Protanopia 1% of men
#003355 Deuteranopia 1% of men
#303236 Tritanopia 0.001% of the population

Trichromacy

#11285c Protanomaly 1% of men, 0.01% of women
#112a55 Deuteranomaly 6% of men, 0.4% of women
#302941 Tritanomaly 0.01% of the population

#311a56 hex color

#311a56 Color Information

#311a56 Color Conversion

Color Schemes with #311a56

Alternatives to #311a56

#311a56 Preview

Shades and Tints of #311a56

Tones of #311a56

Color Blindness Simulator