#5313f6 hex color

In a RGB color space, hex #5313f6 is composed of 32.5% red, 7.5% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 66.3% cyan, 92.3% magenta, 0% yellow and 3.5% black. It has a hue angle of 256.9 degrees, a saturation of 92.7% and a lightness of 52%. #5313f6 color hex could be obtained by blending #a626ff with #0000ed. Closest websafe color is: #6600ff.

♥
- f
- t
- g
- R 33
- G 7
- B 96
RGB color chart
- C 66
- M 92
- Y 0
- K 4
CMYK color chart

● #5313f6 color description : Vivid violet.

The hexadecimal color #5313f6 has RGB values of R:83, G:19, B:246 and CMYK values of C:0.66, M:0.92, Y:0, K:0.04. Its decimal value is 5444598.

Hex triplet	5313f6	`#5313f6`
RGB Decimal	83, 19, 246	`rgb(83,19,246)`
RGB Percent	32.5, 7.5, 96.5	`rgb(32.5%,7.5%,96.5%)`
CMYK	66, 92, 0, 4
HSL	256.9°, 92.7, 52	`hsl(256.9,92.7%,52%)`
HSV (or HSB)	256.9°, 92.3, 96.5
Web Safe	6600ff	`#6600ff`

CIE-LAB	35.903, 75.8, -96.693
XYZ	20.432, 8.958, 87.836
xyY	0.174, 0.076, 8.958
CIE-LCH	35.903, 122.863, 308.094
CIE-LUV	35.903, -1.15, -128.636
Hunter-Lab	29.929, 69.478, -153.052
Binary	01010011, 00010011, 11110110

#5313f6
```
#5313f6 rgb(83,19,246)
```
#b6f613
```
#b6f613 rgb(182,246,19)
```

Complementary Color

#1345f6
```
#1345f6 rgb(19,69,246)
```
#5313f6
```
#5313f6 rgb(83,19,246)
```
#c513f6
```
#c513f6 rgb(197,19,246)
```

Analogous Color

#45f613
```
#45f613 rgb(69,246,19)
```
#5313f6
```
#5313f6 rgb(83,19,246)
```
#f6c513
```
#f6c513 rgb(246,197,19)
```

Split Complementary Color

#13f653
```
#13f653 rgb(19,246,83)
```
#5313f6
```
#5313f6 rgb(83,19,246)
```
#f65313
```
#f65313 rgb(246,83,19)
```

Triadic Color

#13b6f6
```
#13b6f6 rgb(19,182,246)
```
#5313f6
```
#5313f6 rgb(83,19,246)
```
#f65313
```
#f65313 rgb(246,83,19)
```
#b6f613
```
#b6f613 rgb(182,246,19)
```

Tetradic Color

#3807b6
```
#3807b6 rgb(56,7,182)
```
#4008ce
```
#4008ce rgb(64,8,206)
```
#4709e7
```
#4709e7 rgb(71,9,231)
```
#5313f6
```
#5313f6 rgb(83,19,246)
```
#652cf7
```
#652cf7 rgb(101,44,247)
```
#7744f8
```
#7744f8 rgb(119,68,248)
```
#895df9
```
#895df9 rgb(137,93,249)
```

Monochromatic Color

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

#1a13f6
```
#1a13f6 rgb(26,19,246)
```
#2d13f6
```
#2d13f6 rgb(45,19,246)
```
#4013f6
```
#4013f6 rgb(64,19,246)
```
#5313f6
```
#5313f6 rgb(83,19,246)
```
#6613f6
```
#6613f6 rgb(102,19,246)
```
#7913f6
```
#7913f6 rgb(121,19,246)
```
#8c13f6
```
#8c13f6 rgb(140,19,246)
```

Similar Colors

Text with hexadecimal color #5313f6

This text has a font color of #5313f6.

<span style="color:#5313f6;">Text here</span>

#5313f6 background color

This paragraph has a background color of #5313f6.

<p style="background-color:#5313f6;">Content here</p>

#5313f6 border color

This element has a border color of #5313f6.

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

CSS codes

.text {color:#5313f6;}

.background {background-color:#5313f6;}

.border {border:1px solid #5313f6;}

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

#03000a
```
#03000a rgb(3,0,10)
```
#09011d
```
#09011d rgb(9,1,29)
```
#0f022f
```
#0f022f rgb(15,2,47)
```
#150342
```
#150342 rgb(21,3,66)
```
#1a0355
```
#1a0355 rgb(26,3,85)
```
#200468
```
#200468 rgb(32,4,104)
```
#26057b
```
#26057b rgb(38,5,123)
```
#2c058e
```
#2c058e rgb(44,5,142)
```
#3206a1
```
#3206a1 rgb(50,6,161)
```
#3807b4
```
#3807b4 rgb(56,7,180)
```
#3d08c7
```
#3d08c7 rgb(61,8,199)
```
#4308d9
```
#4308d9 rgb(67,8,217)
```
#4909ec
```
#4909ec rgb(73,9,236)
```

Shade Color Variation

#5313f6
```
#5313f6 rgb(83,19,246)
```
#6126f7
```
#6126f7 rgb(97,38,247)
```
#6f39f7
```
#6f39f7 rgb(111,57,247)
```
#7c4cf8
```
#7c4cf8 rgb(124,76,248)
```
#8a5ff9
```
#8a5ff9 rgb(138,95,249)
```
#9871fa
```
#9871fa rgb(152,113,250)
```
#a684fa
```
#a684fa rgb(166,132,250)
```
#b397fb
```
#b397fb rgb(179,151,251)
```
#c1aafc
```
#c1aafc rgb(193,170,252)
```
#cfbdfc
```
#cfbdfc rgb(207,189,252)
```
#ddd0fd
```
#ddd0fd rgb(221,208,253)
```
#eae3fe
```
#eae3fe rgb(234,227,254)
```
#f8f6ff
```
#f8f6ff rgb(248,246,255)
```

Tint Color Variation

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

#848485
```
#848485 rgb(132,132,133)
```
#807b8e
```
#807b8e rgb(128,123,142)
```
#7c7198
```
#7c7198 rgb(124,113,152)
```
#7868a1
```
#7868a1 rgb(120,104,161)
```
#745eab
```
#745eab rgb(116,94,171)
```
#7055b4
```
#7055b4 rgb(112,85,180)
```
#6c4cbd
```
#6c4cbd rgb(108,76,189)
```
#6842c7
```
#6842c7 rgb(104,66,199)
```
#6339d0
```
#6339d0 rgb(99,57,208)
```
#5f2fda
```
#5f2fda rgb(95,47,218)
```
#5b26e3
```
#5b26e3 rgb(91,38,227)
```
#571ced
```
#571ced rgb(87,28,237)
```
#5313f6
```
#5313f6 rgb(83,19,246)
```

Tone Color Variation

Below, you can see how #5313f6 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

#404040 Achromatopsia 0.005% of the population
#443764 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005aaf Protanopia 1% of men
#006098 Deuteranopia 1% of men
#00666c Tritanopia 0.001% of the population

Trichromacy

#1e40c9 Protanomaly 1% of men, 0.01% of women
#1e44ba Deuteranomaly 6% of men, 0.4% of women
#1e489e Tritanomaly 0.01% of the population

#5313f6 hex color

#5313f6 Color Information

#5313f6 Color Conversion

Color Schemes with #5313f6

Alternatives to #5313f6

#5313f6 Preview

Shades and Tints of #5313f6

Tones of #5313f6

Color Blindness Simulator