#311b54 hex color

In a RGB color space, hex #311b54 is composed of 19.2% red, 10.6% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 41.7% cyan, 67.9% magenta, 0% yellow and 67.1% black. It has a hue angle of 263.2 degrees, a saturation of 51.4% and a lightness of 21.8%. #311b54 color hex could be obtained by blending #6236a8 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

● #311b54 color description : Very dark violet.

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

Hex triplet	311b54	`#311b54`
RGB Decimal	49, 27, 84	`rgb(49,27,84)`
RGB Percent	19.2, 10.6, 32.9	`rgb(19.2%,10.6%,32.9%)`
CMYK	42, 68, 0, 67
HSL	263.2°, 51.4, 21.8	`hsl(263.2,51.4%,21.8%)`
HSV (or HSB)	263.2°, 67.9, 32.9
Web Safe	333366	`#333366`

CIE-LAB	15.886, 24.99, -30.889
XYZ	3.259, 2.077, 8.616
xyY	0.234, 0.149, 2.077
CIE-LCH	15.886, 39.732, 308.974
CIE-LUV	15.886, 3.811, -32.66
Hunter-Lab	14.412, 15.14, -25.36
Binary	00110001, 00011011, 01010100

#311b54
```
#311b54 rgb(49,27,84)
```
#3e541b
```
#3e541b rgb(62,84,27)
```

Complementary Color

#1b2254
```
#1b2254 rgb(27,34,84)
```
#311b54
```
#311b54 rgb(49,27,84)
```
#4e1b54
```
#4e1b54 rgb(78,27,84)
```

Analogous Color

#22541b
```
#22541b rgb(34,84,27)
```
#311b54
```
#311b54 rgb(49,27,84)
```
#544e1b
```
#544e1b rgb(84,78,27)
```

Split Complementary Color

#1b5431
```
#1b5431 rgb(27,84,49)
```
#311b54
```
#311b54 rgb(49,27,84)
```
#54311b
```
#54311b rgb(84,49,27)
```

Triadic Color

#1b3e54
```
#1b3e54 rgb(27,62,84)
```
#311b54
```
#311b54 rgb(49,27,84)
```
#54311b
```
#54311b rgb(84,49,27)
```
#3e541b
```
#3e541b rgb(62,84,27)
```

Tetradic Color

#0f081a
```
#0f081a rgb(15,8,26)
```
#1a0f2d
```
#1a0f2d rgb(26,15,45)
```
#261541
```
#261541 rgb(38,21,65)
```
#311b54
```
#311b54 rgb(49,27,84)
```
#3c2167
```
#3c2167 rgb(60,33,103)
```
#48277b
```
#48277b rgb(72,39,123)
```
#532e8e
```
#532e8e rgb(83,46,142)
```

Monochromatic Color

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

#231b54
```
#231b54 rgb(35,27,84)
```
#281b54
```
#281b54 rgb(40,27,84)
```
#2c1b54
```
#2c1b54 rgb(44,27,84)
```
#311b54
```
#311b54 rgb(49,27,84)
```
#361b54
```
#361b54 rgb(54,27,84)
```
#3b1b54
```
#3b1b54 rgb(59,27,84)
```
#3f1b54
```
#3f1b54 rgb(63,27,84)
```

Similar Colors

Text with hexadecimal color #311b54

This text has a font color of #311b54.

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

#311b54 background color

This paragraph has a background color of #311b54.

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

#311b54 border color

This element has a border color of #311b54.

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

CSS codes

.text {color:#311b54;}

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

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

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

#06030a
```
#06030a rgb(6,3,10)
```
#0e0819
```
#0e0819 rgb(14,8,25)
```
#170d27
```
#170d27 rgb(23,13,39)
```
#201136
```
#201136 rgb(32,17,54)
```
#281645
```
#281645 rgb(40,22,69)
```
#311b54
```
#311b54 rgb(49,27,84)
```
#3a2063
```
#3a2063 rgb(58,32,99)
```
#422572
```
#422572 rgb(66,37,114)
```
#4b2981
```
#4b2981 rgb(75,41,129)
```
#542e8f
```
#542e8f rgb(84,46,143)
```
#5c339e
```
#5c339e rgb(92,51,158)
```
#6538ad
```
#6538ad rgb(101,56,173)
```
#6e3cbc
```
#6e3cbc rgb(110,60,188)
```

Shade Color Variation

#7848c4
```
#7848c4 rgb(120,72,196)
```
#8357c9
```
#8357c9 rgb(131,87,201)
```
#8e65ce
```
#8e65ce rgb(142,101,206)
```
#9974d2
```
#9974d2 rgb(153,116,210)
```
#a483d7
```
#a483d7 rgb(164,131,215)
```
#af92dc
```
#af92dc rgb(175,146,220)
```
#baa1e1
```
#baa1e1 rgb(186,161,225)
```
#c4b0e6
```
#c4b0e6 rgb(196,176,230)
```
#cfbfea
```
#cfbfea rgb(207,191,234)
```
#dacdef
```
#dacdef rgb(218,205,239)
```
#e5dcf4
```
#e5dcf4 rgb(229,220,244)
```
#f0ebf9
```
#f0ebf9 rgb(240,235,249)
```
#fbfafd
```
#fbfafd rgb(251,250,253)
```

Tint Color Variation

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

#37353a
```
#37353a rgb(55,53,58)
```
#36303f
```
#36303f rgb(54,48,63)
```
#352c43
```
#352c43 rgb(53,44,67)
```
#342847
```
#342847 rgb(52,40,71)
```
#33244b
```
#33244b rgb(51,36,75)
```
#321f50
```
#321f50 rgb(50,31,80)
```
#311b54
```
#311b54 rgb(49,27,84)
```
#301758
```
#301758 rgb(48,23,88)
```
#2f125d
```
#2f125d rgb(47,18,93)
```
#2e0e61
```
#2e0e61 rgb(46,14,97)
```
#2d0a65
```
#2d0a65 rgb(45,10,101)
```
#2c0669
```
#2c0669 rgb(44,6,105)
```
#2b016e
```
#2b016e rgb(43,1,110)
```

Tone Color Variation

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

Trichromacy

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

#311b54 hex color

#311b54 Color Information

#311b54 Color Conversion

Color Schemes with #311b54

Alternatives to #311b54

#311b54 Preview

Shades and Tints of #311b54

Tones of #311b54

Color Blindness Simulator