colorhexa.com

#5311b4 hex color

In a RGB color space, hex #5311b4 is composed of 32.5% red, 6.7% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 53.9% cyan, 90.6% magenta, 0% yellow and 29.4% black. It has a hue angle of 264.3 degrees, a saturation of 82.7% and a lightness of 38.6%. #5311b4 color hex could be obtained by blending #a622ff with #000069. Closest websafe color is: #6600cc.

- R 33
- G 7
- B 71
RGB color chart
- C 54
- M 91
- Y 0
- K 29
CMYK color chart

● #5311b4 color description : Strong violet.

The hexadecimal color #5311b4 has RGB values of R:83, G:17, B:180 and CMYK values of C:0.54, M:0.91, Y:0, K:0.29. Its decimal value is 5444020.

Hex triplet	5311b4	`#5311b4`
RGB Decimal	83, 17, 180	`rgb(83,17,180)`
RGB Percent	32.5, 6.7, 70.6	`rgb(32.5%,6.7%,70.6%)`
CMYK	54, 91, 0, 29
HSL	264.3°, 82.7, 38.6	`hsl(264.3,82.7%,38.6%)`
HSV (or HSB)	264.3°, 90.6, 70.6
Web Safe	6600cc	`#6600cc`

CIE-LAB	28.208, 60.314, -71.209
XYZ	12.004, 5.535, 43.613
xyY	0.196, 0.091, 5.535
CIE-LCH	28.208, 93.319, 310.265
CIE-LUV	28.208, 5.41, -90.864
Hunter-Lab	23.527, 49.909, -93.443
Binary	01010011, 00010001, 10110100

#5311b4
```
#5311b4 rgb(83,17,180)
```
#72b411
```
#72b411 rgb(114,180,17)
```

Complementary Color

#1121b4
```
#1121b4 rgb(17,33,180)
```
#5311b4
```
#5311b4 rgb(83,17,180)
```
#a511b4
```
#a511b4 rgb(165,17,180)
```

Analogous Color

#21b411
```
#21b411 rgb(33,180,17)
```
#5311b4
```
#5311b4 rgb(83,17,180)
```
#b4a511
```
#b4a511 rgb(180,165,17)
```

Split Complementary Color

#11b453
```
#11b453 rgb(17,180,83)
```
#5311b4
```
#5311b4 rgb(83,17,180)
```
#b45311
```
#b45311 rgb(180,83,17)
```

Triadic Color

#1172b4
```
#1172b4 rgb(17,114,180)
```
#5311b4
```
#5311b4 rgb(83,17,180)
```
#b45311
```
#b45311 rgb(180,83,17)
```
#72b411
```
#72b411 rgb(114,180,17)
```

Tetradic Color

#330a6e
```
#330a6e rgb(51,10,110)
```
#3e0d85
```
#3e0d85 rgb(62,13,133)
```
#480f9d
```
#480f9d rgb(72,15,157)
```
#5311b4
```
#5311b4 rgb(83,17,180)
```
#5e13cb
```
#5e13cb rgb(94,19,203)
```
#6815e3
```
#6815e3 rgb(104,21,227)
```
#7627eb
```
#7627eb rgb(118,39,235)
```

Monochromatic Color

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

#2a11b4
```
#2a11b4 rgb(42,17,180)
```
#3811b4
```
#3811b4 rgb(56,17,180)
```
#4511b4
```
#4511b4 rgb(69,17,180)
```
#5311b4
```
#5311b4 rgb(83,17,180)
```
#6111b4
```
#6111b4 rgb(97,17,180)
```
#6e11b4
```
#6e11b4 rgb(110,17,180)
```
#7c11b4
```
#7c11b4 rgb(124,17,180)
```

Similar Colors

Text with hexadecimal color #5311b4

This text has a font color of #5311b4.

<span style="color:#5311b4;">Text here</span>

#5311b4 background color

This paragraph has a background color of #5311b4.

<p style="background-color:#5311b4;">Content here</p>

#5311b4 border color

This element has a border color of #5311b4.

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

CSS codes

.text {color:#5311b4;}

.background {background-color:#5311b4;}

.border {border:1px solid #5311b4;}

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

#000001
```
#000001 rgb(0,0,1)
```
#090213
```
#090213 rgb(9,2,19)
```
#110325
```
#110325 rgb(17,3,37)
```
#190537
```
#190537 rgb(25,5,55)
```
#210748
```
#210748 rgb(33,7,72)
```
#2a095a
```
#2a095a rgb(42,9,90)
```
#320a6c
```
#320a6c rgb(50,10,108)
```
#3a0c7e
```
#3a0c7e rgb(58,12,126)
```
#420e90
```
#420e90 rgb(66,14,144)
```
#4b0fa2
```
#4b0fa2 rgb(75,15,162)
```
#5311b4
```
#5311b4 rgb(83,17,180)
```
#5b13c6
```
#5b13c6 rgb(91,19,198)
```
#6414d8
```
#6414d8 rgb(100,20,216)
```

Shade Color Variation

#6c17e9
```
#6c17e9 rgb(108,23,233)
```
#7729eb
```
#7729eb rgb(119,41,235)
```
#833bec
```
#833bec rgb(131,59,236)
```
#8e4dee
```
#8e4dee rgb(142,77,238)
```
#995ef0
```
#995ef0 rgb(153,94,240)
```
#a570f2
```
#a570f2 rgb(165,112,242)
```
#b082f3
```
#b082f3 rgb(176,130,243)
```
#bb94f5
```
#bb94f5 rgb(187,148,245)
```
#c7a6f7
```
#c7a6f7 rgb(199,166,247)
```
#d2b8f8
```
#d2b8f8 rgb(210,184,248)
```
#ddcafa
```
#ddcafa rgb(221,202,250)
```
#e9dcfc
```
#e9dcfc rgb(233,220,252)
```
#f4eefd
```
#f4eefd rgb(244,238,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #615d68 is the less saturated color, while #5002c3 is the most saturated one.

#615d68
```
#615d68 rgb(97,93,104)
```
#605570
```
#605570 rgb(96,85,112)
```
#5f4e77
```
#5f4e77 rgb(95,78,119)
```
#5d467f
```
#5d467f rgb(93,70,127)
```
#5c3e87
```
#5c3e87 rgb(92,62,135)
```
#5a378e
```
#5a378e rgb(90,55,142)
```
#592f96
```
#592f96 rgb(89,47,150)
```
#57289d
```
#57289d rgb(87,40,157)
```
#5620a5
```
#5620a5 rgb(86,32,165)
```
#5419ac
```
#5419ac rgb(84,25,172)
```
#5311b4
```
#5311b4 rgb(83,17,180)
```
#5209bc
```
#5209bc rgb(82,9,188)
```
#5002c3
```
#5002c3 rgb(80,2,195)
```

Tone Color Variation

Below, you can see how #5311b4 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

#373737 Achromatopsia 0.005% of the population
#3d2f50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004a90 Protanopia 1% of men
#004e7d Deuteranopia 1% of men
#315156 Tritanopia 0.001% of the population

Trichromacy

#1e359d Protanomaly 1% of men, 0.01% of women
#1e3891 Deuteranomaly 6% of men, 0.4% of women
#3d3978 Tritanomaly 0.01% of the population