#5a00b4 hex color

In a RGB color space, hex #5a00b4 is composed of 35.3% red, 0% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 100% magenta, 0% yellow and 29.4% black. It has a hue angle of 270 degrees, a saturation of 100% and a lightness of 35.3%. #5a00b4 color hex could be obtained by blending #b400ff with #000069. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 35
- G 0
- B 71
RGB color chart
- C 50
- M 100
- Y 0
- K 29
CMYK color chart

● #5a00b4 color description : Strong violet.

The hexadecimal color #5a00b4 has RGB values of R:90, G:0, B:180 and CMYK values of C:0.5, M:1, Y:0, K:0.29. Its decimal value is 5898420.

Hex triplet	5a00b4	`#5a00b4`
RGB Decimal	90, 0, 180	`rgb(90,0,180)`
RGB Percent	35.3, 0, 70.6	`rgb(35.3%,0%,70.6%)`
CMYK	50, 100, 0, 29
HSL	270°, 100, 35.3	`hsl(270,100%,35.3%)`
HSV (or HSB)	270°, 100, 70.6
Web Safe	6600cc	`#6600cc`

CIE-LAB	28.031, 64.164, -71.473
XYZ	12.453, 5.469, 43.577
xyY	0.202, 0.089, 5.469
CIE-LCH	28.031, 96.049, 311.916
CIE-LUV	28.031, 8.504, -91.025
Hunter-Lab	23.386, 54.13, -94.112
Binary	01011010, 00000000, 10110100

#5a00b4
```
#5a00b4 rgb(90,0,180)
```
#5ab400
```
#5ab400 rgb(90,180,0)
```

Complementary Color

#0000b4
```
#0000b4 rgb(0,0,180)
```
#5a00b4
```
#5a00b4 rgb(90,0,180)
```
#b400b4
```
#b400b4 rgb(180,0,180)
```

Analogous Color

#00b400
```
#00b400 rgb(0,180,0)
```
#5a00b4
```
#5a00b4 rgb(90,0,180)
```
#b4b400
```
#b4b400 rgb(180,180,0)
```

Split Complementary Color

#00b45a
```
#00b45a rgb(0,180,90)
```
#5a00b4
```
#5a00b4 rgb(90,0,180)
```
#b45a00
```
#b45a00 rgb(180,90,0)
```

Triadic Color

#005ab4
```
#005ab4 rgb(0,90,180)
```
#5a00b4
```
#5a00b4 rgb(90,0,180)
```
#b45a00
```
#b45a00 rgb(180,90,0)
```
#5ab400
```
#5ab400 rgb(90,180,0)
```

Tetradic Color

#340068
```
#340068 rgb(52,0,104)
```
#410081
```
#410081 rgb(65,0,129)
```
#4d009b
```
#4d009b rgb(77,0,155)
```
#5a00b4
```
#5a00b4 rgb(90,0,180)
```
#6700ce
```
#6700ce rgb(103,0,206)
```
#7400e7
```
#7400e7 rgb(116,0,231)
```
#8001ff
```
#8001ff rgb(128,1,255)
```

Monochromatic Color

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

#2d00b4
```
#2d00b4 rgb(45,0,180)
```
#3c00b4
```
#3c00b4 rgb(60,0,180)
```
#4b00b4
```
#4b00b4 rgb(75,0,180)
```
#5a00b4
```
#5a00b4 rgb(90,0,180)
```
#6900b4
```
#6900b4 rgb(105,0,180)
```
#7800b4
```
#7800b4 rgb(120,0,180)
```
#8700b4
```
#8700b4 rgb(135,0,180)
```

Similar Colors

Text with hexadecimal color #5a00b4

This text has a font color of #5a00b4.

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

#5a00b4 background color

This paragraph has a background color of #5a00b4.

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

#5a00b4 border color

This element has a border color of #5a00b4.

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

CSS codes

.text {color:#5a00b4;}

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

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

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

#020003
```
#020003 rgb(2,0,3)
```
#0c0017
```
#0c0017 rgb(12,0,23)
```
#15002b
```
#15002b rgb(21,0,43)
```
#1f003e
```
#1f003e rgb(31,0,62)
```
#290052
```
#290052 rgb(41,0,82)
```
#330066
```
#330066 rgb(51,0,102)
```
#3d0079
```
#3d0079 rgb(61,0,121)
```
#46008d
```
#46008d rgb(70,0,141)
```
#5000a0
```
#5000a0 rgb(80,0,160)
```
#5a00b4
```
#5a00b4 rgb(90,0,180)
```
#6400c8
```
#6400c8 rgb(100,0,200)
```
#6e00db
```
#6e00db rgb(110,0,219)
```
#7700ef
```
#7700ef rgb(119,0,239)
```

Shade Color Variation

#8103ff
```
#8103ff rgb(129,3,255)
```
#8b17ff
```
#8b17ff rgb(139,23,255)
```
#952bff
```
#952bff rgb(149,43,255)
```
#9f3eff
```
#9f3eff rgb(159,62,255)
```
#a852ff
```
#a852ff rgb(168,82,255)
```
#b266ff
```
#b266ff rgb(178,102,255)
```
#bc79ff
```
#bc79ff rgb(188,121,255)
```
#c68dff
```
#c68dff rgb(198,141,255)
```
#d0a0ff
```
#d0a0ff rgb(208,160,255)
```
#dab4ff
```
#dab4ff rgb(218,180,255)
```
#e3c8ff
```
#e3c8ff rgb(227,200,255)
```
#eddbff
```
#eddbff rgb(237,219,255)
```
#f7efff
```
#f7efff rgb(247,239,255)
```

Tint Color Variation

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

#5a5361
```
#5a5361 rgb(90,83,97)
```
#5a4c68
```
#5a4c68 rgb(90,76,104)
```
#5a456f
```
#5a456f rgb(90,69,111)
```
#5a3e76
```
#5a3e76 rgb(90,62,118)
```
#5a377d
```
#5a377d rgb(90,55,125)
```
#5a3084
```
#5a3084 rgb(90,48,132)
```
#5a2a8a
```
#5a2a8a rgb(90,42,138)
```
#5a2391
```
#5a2391 rgb(90,35,145)
```
#5a1c98
```
#5a1c98 rgb(90,28,152)
```
#5a159f
```
#5a159f rgb(90,21,159)
```
#5a0ea6
```
#5a0ea6 rgb(90,14,166)
```
#5a07ad
```
#5a07ad rgb(90,7,173)
```
#5a00b4
```
#5a00b4 rgb(90,0,180)
```

Tone Color Variation

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

#2f2f2f Achromatopsia 0.005% of the population
#38264a Atypical Achromatopsia 0.001% of the population

Dichromacy

#00498f Protanopia 1% of men
#004e7c Deuteranopia 1% of men
#3e4e54 Tritanopia 0.001% of the population

Trichromacy

#202f9c Protanomaly 1% of men, 0.01% of women
#203190 Deuteranomaly 6% of men, 0.4% of women
#483177 Tritanomaly 0.01% of the population

#5a00b4 hex color

#5a00b4 Color Information

#5a00b4 Color Conversion

Color Schemes with #5a00b4

Alternatives to #5a00b4

#5a00b4 Preview

Shades and Tints of #5a00b4

Tones of #5a00b4

Color Blindness Simulator