#311b55 hex color

In a RGB color space, hex #311b55 is composed of 19.2% red, 10.6% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 42.4% cyan, 68.2% magenta, 0% yellow and 66.7% black. It has a hue angle of 262.8 degrees, a saturation of 51.8% and a lightness of 22%. #311b55 color hex could be obtained by blending #6236aa with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 11
- B 33
RGB color chart
- C 42
- M 68
- Y 0
- K 67
CMYK color chart

● #311b55 color description : Very dark violet.

The hexadecimal color #311b55 has RGB values of R:49, G:27, B:85 and CMYK values of C:0.42, M:0.68, Y:0, K:0.67. Its decimal value is 3218261.

Hex triplet	311b55	`#311b55`
RGB Decimal	49, 27, 85	`rgb(49,27,85)`
RGB Percent	19.2, 10.6, 33.3	`rgb(19.2%,10.6%,33.3%)`
CMYK	42, 68, 0, 67
HSL	262.8°, 51.8, 22	`hsl(262.8,51.8%,22%)`
HSV (or HSB)	262.8°, 68.2, 33.3
Web Safe	333366	`#333366`

CIE-LAB	15.966, 25.296, -31.435
XYZ	3.298, 2.093, 8.824
xyY	0.232, 0.147, 2.093
CIE-LCH	15.966, 40.349, 308.824
CIE-LUV	15.966, 3.706, -33.291
Hunter-Lab	14.466, 15.378, -26.039
Binary	00110001, 00011011, 01010101

#311b55
```
#311b55 rgb(49,27,85)
```
#3f551b
```
#3f551b rgb(63,85,27)
```

Complementary Color

#1b2255
```
#1b2255 rgb(27,34,85)
```
#311b55
```
#311b55 rgb(49,27,85)
```
#4e1b55
```
#4e1b55 rgb(78,27,85)
```

Analogous Color

#22551b
```
#22551b rgb(34,85,27)
```
#311b55
```
#311b55 rgb(49,27,85)
```
#554e1b
```
#554e1b rgb(85,78,27)
```

Split Complementary Color

#1b5531
```
#1b5531 rgb(27,85,49)
```
#311b55
```
#311b55 rgb(49,27,85)
```
#55311b
```
#55311b rgb(85,49,27)
```

Triadic Color

#1b3f55
```
#1b3f55 rgb(27,63,85)
```
#311b55
```
#311b55 rgb(49,27,85)
```
#55311b
```
#55311b rgb(85,49,27)
```
#3f551b
```
#3f551b rgb(63,85,27)
```

Tetradic Color

#10091b
```
#10091b rgb(16,9,27)
```
#1b0f2e
```
#1b0f2e rgb(27,15,46)
```
#261542
```
#261542 rgb(38,21,66)
```
#311b55
```
#311b55 rgb(49,27,85)
```
#3c2168
```
#3c2168 rgb(60,33,104)
```
#47277c
```
#47277c rgb(71,39,124)
```
#522d8f
```
#522d8f rgb(82,45,143)
```

Monochromatic Color

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

#231b55
```
#231b55 rgb(35,27,85)
```
#271b55
```
#271b55 rgb(39,27,85)
```
#2c1b55
```
#2c1b55 rgb(44,27,85)
```
#311b55
```
#311b55 rgb(49,27,85)
```
#361b55
```
#361b55 rgb(54,27,85)
```
#3b1b55
```
#3b1b55 rgb(59,27,85)
```
#401b55
```
#401b55 rgb(64,27,85)
```

Similar Colors

Text with hexadecimal color #311b55

This text has a font color of #311b55.

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

#311b55 background color

This paragraph has a background color of #311b55.

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

#311b55 border color

This element has a border color of #311b55.

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

CSS codes

.text {color:#311b55;}

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

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

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)
```
#0f0819
```
#0f0819 rgb(15,8,25)
```
#170d28
```
#170d28 rgb(23,13,40)
```
#201237
```
#201237 rgb(32,18,55)
```
#281646
```
#281646 rgb(40,22,70)
```
#311b55
```
#311b55 rgb(49,27,85)
```
#3a2064
```
#3a2064 rgb(58,32,100)
```
#422473
```
#422473 rgb(66,36,115)
```
#4b2982
```
#4b2982 rgb(75,41,130)
```
#532e91
```
#532e91 rgb(83,46,145)
```
#5c339f
```
#5c339f rgb(92,51,159)
```
#6437ae
```
#6437ae rgb(100,55,174)
```
#6d3cbd
```
#6d3cbd rgb(109,60,189)
```

Shade Color Variation

#7748c5
```
#7748c5 rgb(119,72,197)
```
#8257ca
```
#8257ca rgb(130,87,202)
```
#8d66ce
```
#8d66ce rgb(141,102,206)
```
#9875d3
```
#9875d3 rgb(152,117,211)
```
#a484d8
```
#a484d8 rgb(164,132,216)
```
#af92dd
```
#af92dd rgb(175,146,221)
```
#baa1e1
```
#baa1e1 rgb(186,161,225)
```
#c5b0e6
```
#c5b0e6 rgb(197,176,230)
```
#d0bfeb
```
#d0bfeb rgb(208,191,235)
```
#dbceef
```
#dbceef rgb(219,206,239)
```
#e6ddf4
```
#e6ddf4 rgb(230,221,244)
```
#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, #37353b is the less saturated color, while #2b016f is the most saturated one.

#37353b
```
#37353b rgb(55,53,59)
```
#36313f
```
#36313f rgb(54,49,63)
```
#352c44
```
#352c44 rgb(53,44,68)
```
#342848
```
#342848 rgb(52,40,72)
```
#33244c
```
#33244c rgb(51,36,76)
```
#321f51
```
#321f51 rgb(50,31,81)
```
#311b55
```
#311b55 rgb(49,27,85)
```
#301759
```
#301759 rgb(48,23,89)
```
#2f125e
```
#2f125e rgb(47,18,94)
```
#2e0e62
```
#2e0e62 rgb(46,14,98)
```
#2d0a66
```
#2d0a66 rgb(45,10,102)
```
#2c056b
```
#2c056b rgb(44,5,107)
```
#2b016f
```
#2b016f rgb(43,1,111)
```

Tone Color Variation

Below, you can see how #311b55 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
#313336 Tritanopia 0.001% of the population

Trichromacy

#11295c Protanomaly 1% of men, 0.01% of women
#112a55 Deuteranomaly 6% of men, 0.4% of women
#312a41 Tritanomaly 0.01% of the population

#311b55 hex color

#311b55 Color Information

#311b55 Color Conversion

Color Schemes with #311b55

Alternatives to #311b55

#311b55 Preview

Shades and Tints of #311b55

Tones of #311b55

Color Blindness Simulator