#5a02f8 hex color

In a RGB color space, hex #5a02f8 is composed of 35.3% red, 0.8% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 63.7% cyan, 99.2% magenta, 0% yellow and 2.7% black. It has a hue angle of 261.5 degrees, a saturation of 98.4% and a lightness of 49%. #5a02f8 color hex could be obtained by blending #b404ff with #0000f1. Closest websafe color is: #6600ff.

♥
- f
- t
- g
- R 35
- G 1
- B 97
RGB color chart
- C 64
- M 99
- Y 0
- K 3
CMYK color chart

● #5a02f8 color description : Vivid violet.

The hexadecimal color #5a02f8 has RGB values of R:90, G:2, B:248 and CMYK values of C:0.64, M:0.99, Y:0, K:0.03. Its decimal value is 5899000.

Hex triplet	5a02f8	`#5a02f8`
RGB Decimal	90, 2, 248	`rgb(90,2,248)`
RGB Percent	35.3, 0.8, 97.3	`rgb(35.3%,0.8%,97.3%)`
CMYK	64, 99, 0, 3
HSL	261.5°, 98.4, 49	`hsl(261.5,98.4%,49%)`
HSV (or HSB)	261.5°, 99.2, 97.3
Web Safe	6600ff	`#6600ff`

CIE-LAB	35.972, 79.107, -97.687
XYZ	21.178, 8.994, 89.422
xyY	0.177, 0.075, 8.994
CIE-LCH	35.972, 125.701, 309.001
CIE-LUV	35.972, 0.838, -129.811
Hunter-Lab	29.989, 73.574, -155.797
Binary	01011010, 00000010, 11111000

#5a02f8
```
#5a02f8 rgb(90,2,248)
```
#a0f802
```
#a0f802 rgb(160,248,2)
```

Complementary Color

#0225f8
```
#0225f8 rgb(2,37,248)
```
#5a02f8
```
#5a02f8 rgb(90,2,248)
```
#d502f8
```
#d502f8 rgb(213,2,248)
```

Analogous Color

#25f802
```
#25f802 rgb(37,248,2)
```
#5a02f8
```
#5a02f8 rgb(90,2,248)
```
#f8d502
```
#f8d502 rgb(248,213,2)
```

Split Complementary Color

#02f85a
```
#02f85a rgb(2,248,90)
```
#5a02f8
```
#5a02f8 rgb(90,2,248)
```
#f85a02
```
#f85a02 rgb(248,90,2)
```

Triadic Color

#02a0f8
```
#02a0f8 rgb(2,160,248)
```
#5a02f8
```
#5a02f8 rgb(90,2,248)
```
#f85a02
```
#f85a02 rgb(248,90,2)
```
#a0f802
```
#a0f802 rgb(160,248,2)
```

Tetradic Color

#3e01ac
```
#3e01ac rgb(62,1,172)
```
#4802c5
```
#4802c5 rgb(72,2,197)
```
#5102df
```
#5102df rgb(81,2,223)
```
#5a02f8
```
#5a02f8 rgb(90,2,248)
```
#6916fd
```
#6916fd rgb(105,22,253)
```
#7930fd
```
#7930fd rgb(121,48,253)
```
#8a49fe
```
#8a49fe rgb(138,73,254)
```

Monochromatic Color

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

#1d02f8
```
#1d02f8 rgb(29,2,248)
```
#3102f8
```
#3102f8 rgb(49,2,248)
```
#4602f8
```
#4602f8 rgb(70,2,248)
```
#5a02f8
```
#5a02f8 rgb(90,2,248)
```
#6f02f8
```
#6f02f8 rgb(111,2,248)
```
#8302f8
```
#8302f8 rgb(131,2,248)
```
#9802f8
```
#9802f8 rgb(152,2,248)
```

Similar Colors

Text with hexadecimal color #5a02f8

This text has a font color of #5a02f8.

<span style="color:#5a02f8;">Text here</span>

#5a02f8 background color

This paragraph has a background color of #5a02f8.

<p style="background-color:#5a02f8;">Content here</p>

#5a02f8 border color

This element has a border color of #5a02f8.

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

CSS codes

.text {color:#5a02f8;}

.background {background-color:#5a02f8;}

.border {border:1px solid #5a02f8;}

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 #fcfaff is the lightest one.

#05000e
```
#05000e rgb(5,0,14)
```
#0c0022
```
#0c0022 rgb(12,0,34)
```
#130035
```
#130035 rgb(19,0,53)
```
#1a0149
```
#1a0149 rgb(26,1,73)
```
#22015c
```
#22015c rgb(34,1,92)
```
#290170
```
#290170 rgb(41,1,112)
```
#300183
```
#300183 rgb(48,1,131)
```
#370197
```
#370197 rgb(55,1,151)
```
#3e01aa
```
#3e01aa rgb(62,1,170)
```
#4502be
```
#4502be rgb(69,2,190)
```
#4c02d1
```
#4c02d1 rgb(76,2,209)
```
#5302e5
```
#5302e5 rgb(83,2,229)
```
#5a02f8
```
#5a02f8 rgb(90,2,248)
```

Shade Color Variation

#6511fd
```
#6511fd rgb(101,17,253)
```
#7224fd
```
#7224fd rgb(114,36,253)
```
#7e37fd
```
#7e37fd rgb(126,55,253)
```
#8b4bfe
```
#8b4bfe rgb(139,75,254)
```
#975efe
```
#975efe rgb(151,94,254)
```
#a472fe
```
#a472fe rgb(164,114,254)
```
#b085fe
```
#b085fe rgb(176,133,254)
```
#bd99fe
```
#bd99fe rgb(189,153,254)
```
#caacfe
```
#caacfe rgb(202,172,254)
```
#d6c0fe
```
#d6c0fe rgb(214,192,254)
```
#e3d3ff
```
#e3d3ff rgb(227,211,255)
```
#efe7ff
```
#efe7ff rgb(239,231,255)
```
#fcfaff
```
#fcfaff rgb(252,250,255)
```

Tint Color Variation

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

#7b7585
```
#7b7585 rgb(123,117,133)
```
#786c8e
```
#786c8e rgb(120,108,142)
```
#756298
```
#756298 rgb(117,98,152)
```
#7359a1
```
#7359a1 rgb(115,89,161)
```
#704fab
```
#704fab rgb(112,79,171)
```
#6d45b5
```
#6d45b5 rgb(109,69,181)
```
#6a3cbe
```
#6a3cbe rgb(106,60,190)
```
#6832c8
```
#6832c8 rgb(104,50,200)
```
#6528d2
```
#6528d2 rgb(101,40,210)
```
#621fdb
```
#621fdb rgb(98,31,219)
```
#5f15e5
```
#5f15e5 rgb(95,21,229)
```
#5d0cee
```
#5d0cee rgb(93,12,238)
```
#5a02f8
```
#5a02f8 rgb(90,2,248)
```

Tone Color Variation

Below, you can see how #5a02f8 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

#383838 Achromatopsia 0.005% of the population
#3f2d5e Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#203aca Protanomaly 1% of men, 0.01% of women
#203dbb Deuteranomaly 6% of men, 0.4% of women
#20429f Tritanomaly 0.01% of the population

#5a02f8 hex color

#5a02f8 Color Information

#5a02f8 Color Conversion

Color Schemes with #5a02f8

Alternatives to #5a02f8

#5a02f8 Preview

Shades and Tints of #5a02f8

Tones of #5a02f8

Color Blindness Simulator