#5301f0 hex color

In a RGB color space, hex #5301f0 is composed of 32.5% red, 0.4% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 65.4% cyan, 99.6% magenta, 0% yellow and 5.9% black. It has a hue angle of 260.6 degrees, a saturation of 99.2% and a lightness of 47.3%. #5301f0 color hex could be obtained by blending #a602ff with #0000e1. Closest websafe color is: #6600ff.

♥
- f
- t
- g
- R 33
- G 0
- B 94
RGB color chart
- C 65
- M 100
- Y 0
- K 6
CMYK color chart

● #5301f0 color description : Vivid violet.

The hexadecimal color #5301f0 has RGB values of R:83, G:1, B:240 and CMYK values of C:0.65, M:1, Y:0, K:0.06. Its decimal value is 5439984.

Hex triplet	5301f0	`#5301f0`
RGB Decimal	83, 1, 240	`rgb(83,1,240)`
RGB Percent	32.5, 0.4, 94.1	`rgb(32.5%,0.4%,94.1%)`
CMYK	65, 100, 0, 6
HSL	260.6°, 99.2, 47.3	`hsl(260.6,99.2%,47.3%)`
HSV (or HSB)	260.6°, 99.6, 94.1
Web Safe	6600ff	`#6600ff`

CIE-LAB	34.296, 77.109, -95.974
XYZ	19.303, 8.151, 82.989
xyY	0.175, 0.074, 8.151
CIE-LCH	34.296, 123.113, 308.78
CIE-LUV	34.296, -0.058, -125.056
Hunter-Lab	28.55, 70.724, -152.358
Binary	01010011, 00000001, 11110000

#5301f0
```
#5301f0 rgb(83,1,240)
```
#9ef001
```
#9ef001 rgb(158,240,1)
```

Complementary Color

#0127f0
```
#0127f0 rgb(1,39,240)
```
#5301f0
```
#5301f0 rgb(83,1,240)
```
#cb01f0
```
#cb01f0 rgb(203,1,240)
```

Analogous Color

#27f001
```
#27f001 rgb(39,240,1)
```
#5301f0
```
#5301f0 rgb(83,1,240)
```
#f0cb01
```
#f0cb01 rgb(240,203,1)
```

Split Complementary Color

#01f053
```
#01f053 rgb(1,240,83)
```
#5301f0
```
#5301f0 rgb(83,1,240)
```
#f05301
```
#f05301 rgb(240,83,1)
```

Triadic Color

#019ef0
```
#019ef0 rgb(1,158,240)
```
#5301f0
```
#5301f0 rgb(83,1,240)
```
#f05301
```
#f05301 rgb(240,83,1)
```
#9ef001
```
#9ef001 rgb(158,240,1)
```

Tetradic Color

#3901a4
```
#3901a4 rgb(57,1,164)
```
#4101bd
```
#4101bd rgb(65,1,189)
```
#4a01d7
```
#4a01d7 rgb(74,1,215)
```
#5301f0
```
#5301f0 rgb(83,1,240)
```
#5f0dfe
```
#5f0dfe rgb(95,13,254)
```
#7026fe
```
#7026fe rgb(112,38,254)
```
#813ffe
```
#813ffe rgb(129,63,254)
```

Monochromatic Color

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

#1701f0
```
#1701f0 rgb(23,1,240)
```
#2b01f0
```
#2b01f0 rgb(43,1,240)
```
#3f01f0
```
#3f01f0 rgb(63,1,240)
```
#5301f0
```
#5301f0 rgb(83,1,240)
```
#6701f0
```
#6701f0 rgb(103,1,240)
```
#7b01f0
```
#7b01f0 rgb(123,1,240)
```
#8f01f0
```
#8f01f0 rgb(143,1,240)
```

Similar Colors

Text with hexadecimal color #5301f0

This text has a font color of #5301f0.

<span style="color:#5301f0;">Text here</span>

#5301f0 background color

This paragraph has a background color of #5301f0.

<p style="background-color:#5301f0;">Content here</p>

#5301f0 border color

This element has a border color of #5301f0.

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

CSS codes

.text {color:#5301f0;}

.background {background-color:#5301f0;}

.border {border:1px solid #5301f0;}

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

#020006
```
#020006 rgb(2,0,6)
```
#090019
```
#090019 rgb(9,0,25)
```
#0f002d
```
#0f002d rgb(15,0,45)
```
#160040
```
#160040 rgb(22,0,64)
```
#1d0054
```
#1d0054 rgb(29,0,84)
```
#240067
```
#240067 rgb(36,0,103)
```
#2a017b
```
#2a017b rgb(42,1,123)
```
#31018e
```
#31018e rgb(49,1,142)
```
#3801a2
```
#3801a2 rgb(56,1,162)
```
#3f01b5
```
#3f01b5 rgb(63,1,181)
```
#4501c9
```
#4501c9 rgb(69,1,201)
```
#4c01dc
```
#4c01dc rgb(76,1,220)
```
#5301f0
```
#5301f0 rgb(83,1,240)
```

Shade Color Variation

#5c07fe
```
#5c07fe rgb(92,7,254)
```
#681afe
```
#681afe rgb(104,26,254)
```
#752efe
```
#752efe rgb(117,46,254)
```
#8241fe
```
#8241fe rgb(130,65,254)
```
#8f55fe
```
#8f55fe rgb(143,85,254)
```
#9c68fe
```
#9c68fe rgb(156,104,254)
```
#a97cfe
```
#a97cfe rgb(169,124,254)
```
#b68fff
```
#b68fff rgb(182,143,255)
```
#c2a3ff
```
#c2a3ff rgb(194,163,255)
```
#cfb6ff
```
#cfb6ff rgb(207,182,255)
```
#dccaff
```
#dccaff rgb(220,202,255)
```
#e9deff
```
#e9deff rgb(233,222,255)
```
#f6f1ff
```
#f6f1ff rgb(246,241,255)
```

Tint Color Variation

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

#767081
```
#767081 rgb(118,112,129)
```
#73678a
```
#73678a rgb(115,103,138)
```
#705e93
```
#705e93 rgb(112,94,147)
```
#6d549d
```
#6d549d rgb(109,84,157)
```
#6a4ba6
```
#6a4ba6 rgb(106,75,166)
```
#6742af
```
#6742af rgb(103,66,175)
```
#6439b8
```
#6439b8 rgb(100,57,184)
```
#622fc2
```
#622fc2 rgb(98,47,194)
```
#5f26cb
```
#5f26cb rgb(95,38,203)
```
#5c1dd4
```
#5c1dd4 rgb(92,29,212)
```
#5914dd
```
#5914dd rgb(89,20,221)
```
#560ae7
```
#560ae7 rgb(86,10,231)
```
#5301f0
```
#5301f0 rgb(83,1,240)
```

Tone Color Variation

Below, you can see how #5301f0 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

#353535 Achromatopsia 0.005% of the population
#3b2b5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057a9 Protanopia 1% of men
#005c92 Deuteranopia 1% of men
#006267 Tritanopia 0.001% of the population

Trichromacy

#1e37c2 Protanomaly 1% of men, 0.01% of women
#1e3bb4 Deuteranomaly 6% of men, 0.4% of women
#1e3f99 Tritanomaly 0.01% of the population

#5301f0 hex color

#5301f0 Color Information

#5301f0 Color Conversion

Color Schemes with #5301f0

Alternatives to #5301f0

#5301f0 Preview

Shades and Tints of #5301f0

Tones of #5301f0

Color Blindness Simulator