#5a02f6 hex color

In a RGB color space, hex #5a02f6 is composed of 35.3% red, 0.8% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 63.4% cyan, 99.2% magenta, 0% yellow and 3.5% black. It has a hue angle of 261.6 degrees, a saturation of 98.4% and a lightness of 48.6%. #5a02f6 color hex could be obtained by blending #b404ff with #0000ed. Closest websafe color is: #6600ff.

♥
- f
- t
- g
- R 35
- G 1
- B 96
RGB color chart
- C 63
- M 99
- Y 0
- K 4
CMYK color chart

● #5a02f6 color description : Vivid violet.

The hexadecimal color #5a02f6 has RGB values of R:90, G:2, B:246 and CMYK values of C:0.63, M:0.99, Y:0, K:0.04. Its decimal value is 5898998.

Hex triplet	5a02f6	`#5a02f6`
RGB Decimal	90, 2, 246	`rgb(90,2,246)`
RGB Percent	35.3, 0.8, 96.5	`rgb(35.3%,0.8%,96.5%)`
CMYK	63, 99, 0, 4
HSL	261.6°, 98.4, 48.6	`hsl(261.6,98.4%,48.6%)`
HSV (or HSB)	261.6°, 99.2, 96.5
Web Safe	6600ff	`#6600ff`

CIE-LAB	35.733, 78.657, -96.957
XYZ	20.87, 8.87, 87.796
xyY	0.178, 0.075, 8.87
CIE-LCH	35.733, 124.851, 309.051
CIE-LUV	35.733, 1.022, -128.692
Hunter-Lab	29.783, 72.96, -153.932
Binary	01011010, 00000010, 11110110

#5a02f6
```
#5a02f6 rgb(90,2,246)
```
#9ef602
```
#9ef602 rgb(158,246,2)
```

Complementary Color

#0224f6
```
#0224f6 rgb(2,36,246)
```
#5a02f6
```
#5a02f6 rgb(90,2,246)
```
#d402f6
```
#d402f6 rgb(212,2,246)
```

Analogous Color

#24f602
```
#24f602 rgb(36,246,2)
```
#5a02f6
```
#5a02f6 rgb(90,2,246)
```
#f6d402
```
#f6d402 rgb(246,212,2)
```

Split Complementary Color

#02f65a
```
#02f65a rgb(2,246,90)
```
#5a02f6
```
#5a02f6 rgb(90,2,246)
```
#f65a02
```
#f65a02 rgb(246,90,2)
```

Triadic Color

#029ef6
```
#029ef6 rgb(2,158,246)
```
#5a02f6
```
#5a02f6 rgb(90,2,246)
```
#f65a02
```
#f65a02 rgb(246,90,2)
```
#9ef602
```
#9ef602 rgb(158,246,2)
```

Tetradic Color

#3e01aa
```
#3e01aa rgb(62,1,170)
```
#4702c3
```
#4702c3 rgb(71,2,195)
```
#5102dd
```
#5102dd rgb(81,2,221)
```
#5a02f6
```
#5a02f6 rgb(90,2,246)
```
#6814fd
```
#6814fd rgb(104,20,253)
```
#792efd
```
#792efd rgb(121,46,253)
```
#8947fe
```
#8947fe rgb(137,71,254)
```

Monochromatic Color

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

#1d02f6
```
#1d02f6 rgb(29,2,246)
```
#3102f6
```
#3102f6 rgb(49,2,246)
```
#4602f6
```
#4602f6 rgb(70,2,246)
```
#5a02f6
```
#5a02f6 rgb(90,2,246)
```
#6e02f6
```
#6e02f6 rgb(110,2,246)
```
#8302f6
```
#8302f6 rgb(131,2,246)
```
#9702f6
```
#9702f6 rgb(151,2,246)
```

Similar Colors

Text with hexadecimal color #5a02f6

This text has a font color of #5a02f6.

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

#5a02f6 background color

This paragraph has a background color of #5a02f6.

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

#5a02f6 border color

This element has a border color of #5a02f6.

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

CSS codes

.text {color:#5a02f6;}

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

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

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

#05000d
```
#05000d rgb(5,0,13)
```
#0c0020
```
#0c0020 rgb(12,0,32)
```
#130033
```
#130033 rgb(19,0,51)
```
#1a0147
```
#1a0147 rgb(26,1,71)
```
#21015a
```
#21015a rgb(33,1,90)
```
#28016e
```
#28016e rgb(40,1,110)
```
#2f0181
```
#2f0181 rgb(47,1,129)
```
#360195
```
#360195 rgb(54,1,149)
```
#3e01a8
```
#3e01a8 rgb(62,1,168)
```
#4502bc
```
#4502bc rgb(69,2,188)
```
#4c02cf
```
#4c02cf rgb(76,2,207)
```
#5302e3
```
#5302e3 rgb(83,2,227)
```
#5a02f6
```
#5a02f6 rgb(90,2,246)
```

Shade Color Variation

#650ffd
```
#650ffd rgb(101,15,253)
```
#7122fd
```
#7122fd rgb(113,34,253)
```
#7e35fd
```
#7e35fd rgb(126,53,253)
```
#8a49fe
```
#8a49fe rgb(138,73,254)
```
#975cfe
```
#975cfe rgb(151,92,254)
```
#a370fe
```
#a370fe rgb(163,112,254)
```
#b083fe
```
#b083fe rgb(176,131,254)
```
#bc97fe
```
#bc97fe rgb(188,151,254)
```
#c9aafe
```
#c9aafe rgb(201,170,254)
```
#d5befe
```
#d5befe rgb(213,190,254)
```
#e2d1ff
```
#e2d1ff rgb(226,209,255)
```
#eee5ff
```
#eee5ff rgb(238,229,255)
```
#fbf8ff
```
#fbf8ff rgb(251,248,255)
```

Tint Color Variation

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

#7a7484
```
#7a7484 rgb(122,116,132)
```
#776b8d
```
#776b8d rgb(119,107,141)
```
#756197
```
#756197 rgb(117,97,151)
```
#7258a0
```
#7258a0 rgb(114,88,160)
```
#6f4eaa
```
#6f4eaa rgb(111,78,170)
```
#6d45b3
```
#6d45b3 rgb(109,69,179)
```
#6a3bbd
```
#6a3bbd rgb(106,59,189)
```
#6732c6
```
#6732c6 rgb(103,50,198)
```
#6528d0
```
#6528d0 rgb(101,40,208)
```
#621fd9
```
#621fd9 rgb(98,31,217)
```
#5f15e3
```
#5f15e3 rgb(95,21,227)
```
#5d0cec
```
#5d0cec rgb(93,12,236)
```
#5a02f6
```
#5a02f6 rgb(90,2,246)
```

Tone Color Variation

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

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

Trichromacy

#203ac8 Protanomaly 1% of men, 0.01% of women
#203db9 Deuteranomaly 6% of men, 0.4% of women
#20419e Tritanomaly 0.01% of the population

#5a02f6 hex color

#5a02f6 Color Information

#5a02f6 Color Conversion

Color Schemes with #5a02f6

Alternatives to #5a02f6

#5a02f6 Preview

Shades and Tints of #5a02f6

Tones of #5a02f6

Color Blindness Simulator