#5301f8 hex color

In a RGB color space, hex #5301f8 is composed of 32.5% red, 0.4% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 66.5% cyan, 99.6% magenta, 0% yellow and 2.7% black. It has a hue angle of 259.9 degrees, a saturation of 99.2% and a lightness of 48.8%. #5301f8 color hex could be obtained by blending #a602ff with #0000f1. Closest websafe color is: #6600ff.

♥
- f
- t
- g
- R 33
- G 0
- B 97
RGB color chart
- C 67
- M 100
- Y 0
- K 3
CMYK color chart

● #5301f8 color description : Vivid violet.

The hexadecimal color #5301f8 has RGB values of R:83, G:1, B:248 and CMYK values of C:0.67, M:1, Y:0, K:0.03. Its decimal value is 5439992.

Hex triplet	5301f8	`#5301f8`
RGB Decimal	83, 1, 248	`rgb(83,1,248)`
RGB Percent	32.5, 0.4, 97.3	`rgb(32.5%,0.4%,97.3%)`
CMYK	67, 100, 0, 3
HSL	259.9°, 99.2, 48.8	`hsl(259.9,99.2%,48.8%)`
HSV (or HSB)	259.9°, 99.6, 97.3
Web Safe	6600ff	`#6600ff`

CIE-LAB	35.276, 78.924, -98.863
XYZ	20.518, 8.637, 89.388
xyY	0.173, 0.073, 8.637
CIE-LCH	35.276, 126.503, 308.601
CIE-LUV	35.276, -0.736, -129.54
Hunter-Lab	29.389, 73.191, -159.76
Binary	01010011, 00000001, 11111000

#5301f8
```
#5301f8 rgb(83,1,248)
```
#a6f801
```
#a6f801 rgb(166,248,1)
```

Complementary Color

#012af8
```
#012af8 rgb(1,42,248)
```
#5301f8
```
#5301f8 rgb(83,1,248)
```
#cf01f8
```
#cf01f8 rgb(207,1,248)
```

Analogous Color

#2af801
```
#2af801 rgb(42,248,1)
```
#5301f8
```
#5301f8 rgb(83,1,248)
```
#f8cf01
```
#f8cf01 rgb(248,207,1)
```

Split Complementary Color

#01f853
```
#01f853 rgb(1,248,83)
```
#5301f8
```
#5301f8 rgb(83,1,248)
```
#f85301
```
#f85301 rgb(248,83,1)
```

Triadic Color

#01a6f8
```
#01a6f8 rgb(1,166,248)
```
#5301f8
```
#5301f8 rgb(83,1,248)
```
#f85301
```
#f85301 rgb(248,83,1)
```
#a6f801
```
#a6f801 rgb(166,248,1)
```

Tetradic Color

#3a01ac
```
#3a01ac rgb(58,1,172)
```
#4201c5
```
#4201c5 rgb(66,1,197)
```
#4b01df
```
#4b01df rgb(75,1,223)
```
#5301f8
```
#5301f8 rgb(83,1,248)
```
#6214fe
```
#6214fe rgb(98,20,254)
```
#732efe
```
#732efe rgb(115,46,254)
```
#8447fe
```
#8447fe rgb(132,71,254)
```

Monochromatic Color

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

#1501f8
```
#1501f8 rgb(21,1,248)
```
#2a01f8
```
#2a01f8 rgb(42,1,248)
```
#3e01f8
```
#3e01f8 rgb(62,1,248)
```
#5301f8
```
#5301f8 rgb(83,1,248)
```
#6801f8
```
#6801f8 rgb(104,1,248)
```
#7c01f8
```
#7c01f8 rgb(124,1,248)
```
#9101f8
```
#9101f8 rgb(145,1,248)
```

Similar Colors

Text with hexadecimal color #5301f8

This text has a font color of #5301f8.

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

#5301f8 background color

This paragraph has a background color of #5301f8.

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

#5301f8 border color

This element has a border color of #5301f8.

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

CSS codes

.text {color:#5301f8;}

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

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

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, #05000e is the darkest color, while #fbf9ff is the lightest one.

#05000e
```
#05000e rgb(5,0,14)
```
#0b0021
```
#0b0021 rgb(11,0,33)
```
#120035
```
#120035 rgb(18,0,53)
```
#180048
```
#180048 rgb(24,0,72)
```
#1f005c
```
#1f005c rgb(31,0,92)
```
#25006f
```
#25006f rgb(37,0,111)
```
#2c0183
```
#2c0183 rgb(44,1,131)
```
#320196
```
#320196 rgb(50,1,150)
```
#3901aa
```
#3901aa rgb(57,1,170)
```
#3f01bd
```
#3f01bd rgb(63,1,189)
```
#4601d1
```
#4601d1 rgb(70,1,209)
```
#4c01e4
```
#4c01e4 rgb(76,1,228)
```
#5301f8
```
#5301f8 rgb(83,1,248)
```

Shade Color Variation

#5e0ffe
```
#5e0ffe rgb(94,15,254)
```
#6b22fe
```
#6b22fe rgb(107,34,254)
```
#7836fe
```
#7836fe rgb(120,54,254)
```
#8549fe
```
#8549fe rgb(133,73,254)
```
#925dfe
```
#925dfe rgb(146,93,254)
```
#9f70fe
```
#9f70fe rgb(159,112,254)
```
#ad84ff
```
#ad84ff rgb(173,132,255)
```
#ba97ff
```
#ba97ff rgb(186,151,255)
```
#c7abff
```
#c7abff rgb(199,171,255)
```
#d4beff
```
#d4beff rgb(212,190,255)
```
#e1d2ff
```
#e1d2ff rgb(225,210,255)
```
#eee5ff
```
#eee5ff rgb(238,229,255)
```
#fbf9ff
```
#fbf9ff rgb(251,249,255)
```

Tint Color Variation

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

#7a7485
```
#7a7485 rgb(122,116,133)
```
#766a8f
```
#766a8f rgb(118,106,143)
```
#736198
```
#736198 rgb(115,97,152)
```
#7057a2
```
#7057a2 rgb(112,87,162)
```
#6d4eab
```
#6d4eab rgb(109,78,171)
```
#6a44b5
```
#6a44b5 rgb(106,68,181)
```
#663abf
```
#663abf rgb(102,58,191)
```
#6331c8
```
#6331c8 rgb(99,49,200)
```
#6027d2
```
#6027d2 rgb(96,39,210)
```
#5d1edb
```
#5d1edb rgb(93,30,219)
```
#5914e5
```
#5914e5 rgb(89,20,229)
```
#560bee
```
#560bee rgb(86,11,238)
```
#5301f8
```
#5301f8 rgb(83,1,248)
```

Tone Color Variation

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

#363636 Achromatopsia 0.005% of the population
#3c2b5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059ad Protanopia 1% of men
#005e95 Deuteranopia 1% of men
#00656a Tritanopia 0.001% of the population

Trichromacy

#1e39c8 Protanomaly 1% of men, 0.01% of women
#1e3cb9 Deuteranomaly 6% of men, 0.4% of women
#1e409d Tritanomaly 0.01% of the population

#5301f8 hex color

#5301f8 Color Information

#5301f8 Color Conversion

Color Schemes with #5301f8

Alternatives to #5301f8

#5301f8 Preview

Shades and Tints of #5301f8

Tones of #5301f8

Color Blindness Simulator