#5301f3 hex color

In a RGB color space, hex #5301f3 is composed of 32.5% red, 0.4% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 65.8% cyan, 99.6% magenta, 0% yellow and 4.7% black. It has a hue angle of 260.3 degrees, a saturation of 99.2% and a lightness of 47.8%. #5301f3 color hex could be obtained by blending #a602ff with #0000e7. Closest websafe color is: #6600ff.

♥
- f
- t
- g
- R 33
- G 0
- B 95
RGB color chart
- C 66
- M 100
- Y 0
- K 5
CMYK color chart

● #5301f3 color description : Vivid violet.

The hexadecimal color #5301f3 has RGB values of R:83, G:1, B:243 and CMYK values of C:0.66, M:1, Y:0, K:0.05. Its decimal value is 5439987.

Hex triplet	5301f3	`#5301f3`
RGB Decimal	83, 1, 243	`rgb(83,1,243)`
RGB Percent	32.5, 0.4, 95.3	`rgb(32.5%,0.4%,95.3%)`
CMYK	66, 100, 0, 5
HSL	260.3°, 99.2, 47.8	`hsl(260.3,99.2%,47.8%)`
HSV (or HSB)	260.3°, 99.6, 95.3
Web Safe	6600ff	`#6600ff`

CIE-LAB	34.663, 77.79, -97.062
XYZ	19.753, 8.331, 85.356
xyY	0.174, 0.073, 8.331
CIE-LCH	34.663, 124.388, 308.71
CIE-LUV	34.663, -0.315, -126.739
Hunter-Lab	28.863, 71.646, -155.131
Binary	01010011, 00000001, 11110011

#5301f3
```
#5301f3 rgb(83,1,243)
```
#a1f301
```
#a1f301 rgb(161,243,1)
```

Complementary Color

#0128f3
```
#0128f3 rgb(1,40,243)
```
#5301f3
```
#5301f3 rgb(83,1,243)
```
#cc01f3
```
#cc01f3 rgb(204,1,243)
```

Analogous Color

#28f301
```
#28f301 rgb(40,243,1)
```
#5301f3
```
#5301f3 rgb(83,1,243)
```
#f3cc01
```
#f3cc01 rgb(243,204,1)
```

Split Complementary Color

#01f353
```
#01f353 rgb(1,243,83)
```
#5301f3
```
#5301f3 rgb(83,1,243)
```
#f35301
```
#f35301 rgb(243,83,1)
```

Triadic Color

#01a1f3
```
#01a1f3 rgb(1,161,243)
```
#5301f3
```
#5301f3 rgb(83,1,243)
```
#f35301
```
#f35301 rgb(243,83,1)
```
#a1f301
```
#a1f301 rgb(161,243,1)
```

Tetradic Color

#3901a7
```
#3901a7 rgb(57,1,167)
```
#4201c0
```
#4201c0 rgb(66,1,192)
```
#4a01da
```
#4a01da rgb(74,1,218)
```
#5301f3
```
#5301f3 rgb(83,1,243)
```
#600ffe
```
#600ffe rgb(96,15,254)
```
#7129fe
```
#7129fe rgb(113,41,254)
```
#8242fe
```
#8242fe rgb(130,66,254)
```

Monochromatic Color

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

#1601f3
```
#1601f3 rgb(22,1,243)
```
#2b01f3
```
#2b01f3 rgb(43,1,243)
```
#3f01f3
```
#3f01f3 rgb(63,1,243)
```
#5301f3
```
#5301f3 rgb(83,1,243)
```
#6701f3
```
#6701f3 rgb(103,1,243)
```
#7b01f3
```
#7b01f3 rgb(123,1,243)
```
#9001f3
```
#9001f3 rgb(144,1,243)
```

Similar Colors

Text with hexadecimal color #5301f3

This text has a font color of #5301f3.

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

#5301f3 background color

This paragraph has a background color of #5301f3.

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

#5301f3 border color

This element has a border color of #5301f3.

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

CSS codes

.text {color:#5301f3;}

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

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

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

#030009
```
#030009 rgb(3,0,9)
```
#0a001c
```
#0a001c rgb(10,0,28)
```
#100030
```
#100030 rgb(16,0,48)
```
#170043
```
#170043 rgb(23,0,67)
```
#1e0057
```
#1e0057 rgb(30,0,87)
```
#24006a
```
#24006a rgb(36,0,106)
```
#2b017e
```
#2b017e rgb(43,1,126)
```
#320191
```
#320191 rgb(50,1,145)
```
#3801a5
```
#3801a5 rgb(56,1,165)
```
#3f01b8
```
#3f01b8 rgb(63,1,184)
```
#4601cc
```
#4601cc rgb(70,1,204)
```
#4c01df
```
#4c01df rgb(76,1,223)
```
#5301f3
```
#5301f3 rgb(83,1,243)
```

Shade Color Variation

#5c0afe
```
#5c0afe rgb(92,10,254)
```
#691dfe
```
#691dfe rgb(105,29,254)
```
#7631fe
```
#7631fe rgb(118,49,254)
```
#8344fe
```
#8344fe rgb(131,68,254)
```
#9058fe
```
#9058fe rgb(144,88,254)
```
#9d6bfe
```
#9d6bfe rgb(157,107,254)
```
#aa7ffe
```
#aa7ffe rgb(170,127,254)
```
#b792ff
```
#b792ff rgb(183,146,255)
```
#c4a6ff
```
#c4a6ff rgb(196,166,255)
```
#d1b9ff
```
#d1b9ff rgb(209,185,255)
```
#decdff
```
#decdff rgb(222,205,255)
```
#ebe1ff
```
#ebe1ff rgb(235,225,255)
```
#f8f4ff
```
#f8f4ff rgb(248,244,255)
```

Tint Color Variation

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

#777282
```
#777282 rgb(119,114,130)
```
#74688c
```
#74688c rgb(116,104,140)
```
#715f95
```
#715f95 rgb(113,95,149)
```
#6e559f
```
#6e559f rgb(110,85,159)
```
#6b4ca8
```
#6b4ca8 rgb(107,76,168)
```
#6843b1
```
#6843b1 rgb(104,67,177)
```
#6539bb
```
#6539bb rgb(101,57,187)
```
#6230c4
```
#6230c4 rgb(98,48,196)
```
#5f27cd
```
#5f27cd rgb(95,39,205)
```
#5c1dd7
```
#5c1dd7 rgb(92,29,215)
```
#5914e0
```
#5914e0 rgb(89,20,224)
```
#560aea
```
#560aea rgb(86,10,234)
```
#5301f3
```
#5301f3 rgb(83,1,243)
```

Tone Color Variation

Below, you can see how #5301f3 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
#3b2b5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058aa Protanopia 1% of men
#005d93 Deuteranopia 1% of men
#006368 Tritanopia 0.001% of the population

Trichromacy

#1e38c4 Protanomaly 1% of men, 0.01% of women
#1e3bb6 Deuteranomaly 6% of men, 0.4% of women
#1e3f9b Tritanomaly 0.01% of the population

#5301f3 hex color

#5301f3 Color Information

#5301f3 Color Conversion

Color Schemes with #5301f3

Alternatives to #5301f3

#5301f3 Preview

Shades and Tints of #5301f3

Tones of #5301f3

Color Blindness Simulator