#5314b3 hex color

In a RGB color space, hex #5314b3 is composed of 32.5% red, 7.8% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 53.6% cyan, 88.8% magenta, 0% yellow and 29.8% black. It has a hue angle of 263.8 degrees, a saturation of 79.9% and a lightness of 39%. #5314b3 color hex could be obtained by blending #a628ff with #000067. Closest websafe color is: #6600cc.

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

● #5314b3 color description : Strong violet.

The hexadecimal color #5314b3 has RGB values of R:83, G:20, B:179 and CMYK values of C:0.54, M:0.89, Y:0, K:0.3. Its decimal value is 5444787.

Hex triplet	5314b3	`#5314b3`
RGB Decimal	83, 20, 179	`rgb(83,20,179)`
RGB Percent	32.5, 7.8, 70.2	`rgb(32.5%,7.8%,70.2%)`
CMYK	54, 89, 0, 30
HSL	263.8°, 79.9, 39	`hsl(263.8,79.9%,39%)`
HSV (or HSB)	263.8°, 88.8, 70.2
Web Safe	6600cc	`#6600cc`

CIE-LAB	28.364, 59.28, -70.354
XYZ	11.953, 5.594, 43.095
xyY	0.197, 0.092, 5.594
CIE-LCH	28.364, 91.999, 310.117
CIE-LUV	28.364, 5.352, -90.238
Hunter-Lab	23.651, 48.82, -91.478
Binary	01010011, 00010100, 10110011

#5314b3
```
#5314b3 rgb(83,20,179)
```
#74b314
```
#74b314 rgb(116,179,20)
```

Complementary Color

#1424b3
```
#1424b3 rgb(20,36,179)
```
#5314b3
```
#5314b3 rgb(83,20,179)
```
#a314b3
```
#a314b3 rgb(163,20,179)
```

Analogous Color

#24b314
```
#24b314 rgb(36,179,20)
```
#5314b3
```
#5314b3 rgb(83,20,179)
```
#b3a314
```
#b3a314 rgb(179,163,20)
```

Split Complementary Color

#14b353
```
#14b353 rgb(20,179,83)
```
#5314b3
```
#5314b3 rgb(83,20,179)
```
#b35314
```
#b35314 rgb(179,83,20)
```

Triadic Color

#1474b3
```
#1474b3 rgb(20,116,179)
```
#5314b3
```
#5314b3 rgb(83,20,179)
```
#b35314
```
#b35314 rgb(179,83,20)
```
#74b314
```
#74b314 rgb(116,179,20)
```

Tetradic Color

#330c6e
```
#330c6e rgb(51,12,110)
```
#3e0f85
```
#3e0f85 rgb(62,15,133)
```
#48119c
```
#48119c rgb(72,17,156)
```
#5314b3
```
#5314b3 rgb(83,20,179)
```
#5e17ca
```
#5e17ca rgb(94,23,202)
```
#6819e1
```
#6819e1 rgb(104,25,225)
```
#762ce7
```
#762ce7 rgb(118,44,231)
```

Monochromatic Color

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

#2b14b3
```
#2b14b3 rgb(43,20,179)
```
#3914b3
```
#3914b3 rgb(57,20,179)
```
#4614b3
```
#4614b3 rgb(70,20,179)
```
#5314b3
```
#5314b3 rgb(83,20,179)
```
#6014b3
```
#6014b3 rgb(96,20,179)
```
#6e14b3
```
#6e14b3 rgb(110,20,179)
```
#7b14b3
```
#7b14b3 rgb(123,20,179)
```

Similar Colors

Text with hexadecimal color #5314b3

This text has a font color of #5314b3.

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

#5314b3 background color

This paragraph has a background color of #5314b3.

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

#5314b3 border color

This element has a border color of #5314b3.

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

CSS codes

.text {color:#5314b3;}

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

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

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

#010003
```
#010003 rgb(1,0,3)
```
#090214
```
#090214 rgb(9,2,20)
```
#120426
```
#120426 rgb(18,4,38)
```
#1a0637
```
#1a0637 rgb(26,6,55)
```
#220849
```
#220849 rgb(34,8,73)
```
#2a0a5b
```
#2a0a5b rgb(42,10,91)
```
#320c6c
```
#320c6c rgb(50,12,108)
```
#3a0e7e
```
#3a0e7e rgb(58,14,126)
```
#431090
```
#431090 rgb(67,16,144)
```
#4b12a1
```
#4b12a1 rgb(75,18,161)
```
#5314b3
```
#5314b3 rgb(83,20,179)
```
#5b16c5
```
#5b16c5 rgb(91,22,197)
```
#6318d6
```
#6318d6 rgb(99,24,214)
```

Shade Color Variation

#6c1ce6
```
#6c1ce6 rgb(108,28,230)
```
#772ee8
```
#772ee8 rgb(119,46,232)
```
#833fea
```
#833fea rgb(131,63,234)
```
#8e51ec
```
#8e51ec rgb(142,81,236)
```
#9a63ee
```
#9a63ee rgb(154,99,238)
```
#a574f0
```
#a574f0 rgb(165,116,240)
```
#b186f1
```
#b186f1 rgb(177,134,241)
```
#bc98f3
```
#bc98f3 rgb(188,152,243)
```
#c7a9f5
```
#c7a9f5 rgb(199,169,245)
```
#d3bbf7
```
#d3bbf7 rgb(211,187,247)
```
#decdf9
```
#decdf9 rgb(222,205,249)
```
#eadefb
```
#eadefb rgb(234,222,251)
```
#f5f0fd
```
#f5f0fd rgb(245,240,253)
```

Tint Color Variation

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

#636166
```
#636166 rgb(99,97,102)
```
#61596e
```
#61596e rgb(97,89,110)
```
#605176
```
#605176 rgb(96,81,118)
```
#5e4a7d
```
#5e4a7d rgb(94,74,125)
```
#5d4285
```
#5d4285 rgb(93,66,133)
```
#5b3a8d
```
#5b3a8d rgb(91,58,141)
```
#593394
```
#593394 rgb(89,51,148)
```
#582b9c
```
#582b9c rgb(88,43,156)
```
#5623a4
```
#5623a4 rgb(86,35,164)
```
#551cab
```
#551cab rgb(85,28,171)
```
#5314b3
```
#5314b3 rgb(83,20,179)
```
#510cbb
```
#510cbb rgb(81,12,187)
```
#5005c2
```
#5005c2 rgb(80,5,194)
```

Tone Color Variation

Below, you can see how #5314b3 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
#325157 Tritanopia 0.001% of the population

Trichromacy

#1e369d Protanomaly 1% of men, 0.01% of women
#1e3991 Deuteranomaly 6% of men, 0.4% of women
#3e3b78 Tritanomaly 0.01% of the population

#5314b3 hex color

#5314b3 Color Information

#5314b3 Color Conversion

Color Schemes with #5314b3

Alternatives to #5314b3

#5314b3 Preview

Shades and Tints of #5314b3

Tones of #5314b3

Color Blindness Simulator