#5314b2 hex color

In a RGB color space, hex #5314b2 is composed of 32.5% red, 7.8% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 53.4% cyan, 88.8% magenta, 0% yellow and 30.2% black. It has a hue angle of 263.9 degrees, a saturation of 79.8% and a lightness of 38.8%. #5314b2 color hex could be obtained by blending #a628ff with #000065. Closest websafe color is: #660099.

♥
- f
- t
- g
- R 33
- G 8
- B 70
RGB color chart
- C 53
- M 89
- Y 0
- K 30
CMYK color chart

● #5314b2 color description : Dark violet.

The hexadecimal color #5314b2 has RGB values of R:83, G:20, B:178 and CMYK values of C:0.53, M:0.89, Y:0, K:0.3. Its decimal value is 5444786.

Hex triplet	5314b2	`#5314b2`
RGB Decimal	83, 20, 178	`rgb(83,20,178)`
RGB Percent	32.5, 7.8, 69.8	`rgb(32.5%,7.8%,69.8%)`
CMYK	53, 89, 0, 30
HSL	263.9°, 79.8, 38.8	`hsl(263.9,79.8%,38.8%)`
HSV (or HSB)	263.9°, 88.8, 69.8
Web Safe	660099	`#660099`

CIE-LAB	28.257, 59.035, -69.933
XYZ	11.852, 5.553, 42.564
xyY	0.198, 0.093, 5.553
CIE-LCH	28.257, 91.519, 310.17
CIE-LUV	28.257, 5.472, -89.649
Hunter-Lab	23.566, 48.532, -90.593
Binary	01010011, 00010100, 10110010

#5314b2
```
#5314b2 rgb(83,20,178)
```
#73b214
```
#73b214 rgb(115,178,20)
```

Complementary Color

#1424b2
```
#1424b2 rgb(20,36,178)
```
#5314b2
```
#5314b2 rgb(83,20,178)
```
#a214b2
```
#a214b2 rgb(162,20,178)
```

Analogous Color

#24b214
```
#24b214 rgb(36,178,20)
```
#5314b2
```
#5314b2 rgb(83,20,178)
```
#b2a214
```
#b2a214 rgb(178,162,20)
```

Split Complementary Color

#14b253
```
#14b253 rgb(20,178,83)
```
#5314b2
```
#5314b2 rgb(83,20,178)
```
#b25314
```
#b25314 rgb(178,83,20)
```

Triadic Color

#1473b2
```
#1473b2 rgb(20,115,178)
```
#5314b2
```
#5314b2 rgb(83,20,178)
```
#b25314
```
#b25314 rgb(178,83,20)
```
#73b214
```
#73b214 rgb(115,178,20)
```

Tetradic Color

#330c6d
```
#330c6d rgb(51,12,109)
```
#3e0f84
```
#3e0f84 rgb(62,15,132)
```
#48119b
```
#48119b rgb(72,17,155)
```
#5314b2
```
#5314b2 rgb(83,20,178)
```
#5e17c9
```
#5e17c9 rgb(94,23,201)
```
#6819e0
```
#6819e0 rgb(104,25,224)
```
#762be7
```
#762be7 rgb(118,43,231)
```

Monochromatic Color

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

#2b14b2
```
#2b14b2 rgb(43,20,178)
```
#3914b2
```
#3914b2 rgb(57,20,178)
```
#4614b2
```
#4614b2 rgb(70,20,178)
```
#5314b2
```
#5314b2 rgb(83,20,178)
```
#6014b2
```
#6014b2 rgb(96,20,178)
```
#6d14b2
```
#6d14b2 rgb(109,20,178)
```
#7b14b2
```
#7b14b2 rgb(123,20,178)
```

Similar Colors

Text with hexadecimal color #5314b2

This text has a font color of #5314b2.

<span style="color:#5314b2;">Text here</span>

#5314b2 background color

This paragraph has a background color of #5314b2.

<p style="background-color:#5314b2;">Content here</p>

#5314b2 border color

This element has a border color of #5314b2.

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

CSS codes

.text {color:#5314b2;}

.background {background-color:#5314b2;}

.border {border:1px solid #5314b2;}

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

#010002
```
#010002 rgb(1,0,2)
```
#090213
```
#090213 rgb(9,2,19)
```
#110425
```
#110425 rgb(17,4,37)
```
#190637
```
#190637 rgb(25,6,55)
```
#220848
```
#220848 rgb(34,8,72)
```
#2a0a5a
```
#2a0a5a rgb(42,10,90)
```
#320c6b
```
#320c6b rgb(50,12,107)
```
#3a0e7d
```
#3a0e7d rgb(58,14,125)
```
#43108f
```
#43108f rgb(67,16,143)
```
#4b12a0
```
#4b12a0 rgb(75,18,160)
```
#5314b2
```
#5314b2 rgb(83,20,178)
```
#5b16c4
```
#5b16c4 rgb(91,22,196)
```
#6318d5
```
#6318d5 rgb(99,24,213)
```

Shade Color Variation

#6c1be5
```
#6c1be5 rgb(108,27,229)
```
#772de7
```
#772de7 rgb(119,45,231)
```
#833fe9
```
#833fe9 rgb(131,63,233)
```
#8e50eb
```
#8e50eb rgb(142,80,235)
```
#9a62ed
```
#9a62ed rgb(154,98,237)
```
#a574ef
```
#a574ef rgb(165,116,239)
```
#b085f1
```
#b085f1 rgb(176,133,241)
```
#bc97f3
```
#bc97f3 rgb(188,151,243)
```
#c7a8f5
```
#c7a8f5 rgb(199,168,245)
```
#d3baf7
```
#d3baf7 rgb(211,186,247)
```
#deccf9
```
#deccf9 rgb(222,204,249)
```
#e9ddfb
```
#e9ddfb rgb(233,221,251)
```
#f5effd
```
#f5effd rgb(245,239,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #626066 is the less saturated color, while #5005c1 is the most saturated one.

#626066
```
#626066 rgb(98,96,102)
```
#61596d
```
#61596d rgb(97,89,109)
```
#5f5175
```
#5f5175 rgb(95,81,117)
```
#5e497d
```
#5e497d rgb(94,73,125)
```
#5c4284
```
#5c4284 rgb(92,66,132)
```
#5b3a8c
```
#5b3a8c rgb(91,58,140)
```
#593294
```
#593294 rgb(89,50,148)
```
#582b9b
```
#582b9b rgb(88,43,155)
```
#5623a3
```
#5623a3 rgb(86,35,163)
```
#551caa
```
#551caa rgb(85,28,170)
```
#5314b2
```
#5314b2 rgb(83,20,178)
```
#510cba
```
#510cba rgb(81,12,186)
```
#5005c1
```
#5005c1 rgb(80,5,193)
```

Tone Color Variation

Below, you can see how #5314b2 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

#393939 Achromatopsia 0.005% of the population
#3e3251 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#1e369c Protanomaly 1% of men, 0.01% of women
#1e3990 Deuteranomaly 6% of men, 0.4% of women
#3e3a77 Tritanomaly 0.01% of the population

#5314b2 hex color

#5314b2 Color Information

#5314b2 Color Conversion

Color Schemes with #5314b2

Alternatives to #5314b2

#5314b2 Preview

Shades and Tints of #5314b2

Tones of #5314b2

Color Blindness Simulator