#5a2aff hex color

In a RGB color space, hex #5a2aff is composed of 35.3% red, 16.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 64.7% cyan, 83.5% magenta, 0% yellow and 0% black. It has a hue angle of 253.5 degrees, a saturation of 100% and a lightness of 58.2%. #5a2aff color hex could be obtained by blending #b454ff with #0000ff. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 35
- G 16
- B 100
RGB color chart
- C 65
- M 84
- Y 0
- K 0
CMYK color chart

● #5a2aff color description : Vivid blue.

The hexadecimal color #5a2aff has RGB values of R:90, G:42, B:255 and CMYK values of C:0.65, M:0.84, Y:0, K:0. Its decimal value is 5909247.

Hex triplet	5a2aff	`#5a2aff`
RGB Decimal	90, 42, 255	`rgb(90,42,255)`
RGB Percent	35.3, 16.5, 100	`rgb(35.3%,16.5%,100%)`
CMYK	65, 84, 0, 0
HSL	253.5°, 100, 58.2	`hsl(253.5,100%,58.2%)`
HSV (or HSB)	253.5°, 83.5, 100
Web Safe	6633ff	`#6633ff`

CIE-LAB	39.662, 72.065, -95.488
XYZ	23.091, 11.049, 95.518
xyY	0.178, 0.085, 11.049
CIE-LCH	39.662, 119.63, 307.042
CIE-LUV	39.662, -1.826, -133.625
Hunter-Lab	33.239, 65.832, -147.11
Binary	01011010, 00101010, 11111111

#5a2aff
```
#5a2aff rgb(90,42,255)
```
#cfff2a
```
#cfff2a rgb(207,255,42)
```

Complementary Color

#2a65ff
```
#2a65ff rgb(42,101,255)
```
#5a2aff
```
#5a2aff rgb(90,42,255)
```
#c52aff
```
#c52aff rgb(197,42,255)
```

Analogous Color

#65ff2a
```
#65ff2a rgb(101,255,42)
```
#5a2aff
```
#5a2aff rgb(90,42,255)
```
#ffc52a
```
#ffc52a rgb(255,197,42)
```

Split Complementary Color

#2aff5a
```
#2aff5a rgb(42,255,90)
```
#5a2aff
```
#5a2aff rgb(90,42,255)
```
#ff5a2a
```
#ff5a2a rgb(255,90,42)
```

Triadic Color

#2acfff
```
#2acfff rgb(42,207,255)
```
#5a2aff
```
#5a2aff rgb(90,42,255)
```
#ff5a2a
```
#ff5a2a rgb(255,90,42)
```
#cfff2a
```
#cfff2a rgb(207,255,42)
```

Tetradic Color

#3200dd
```
#3200dd rgb(50,0,221)
```
#3700f6
```
#3700f6 rgb(55,0,246)
```
#4611ff
```
#4611ff rgb(70,17,255)
```
#5a2aff
```
#5a2aff rgb(90,42,255)
```
#6e44ff
```
#6e44ff rgb(110,68,255)
```
#825dff
```
#825dff rgb(130,93,255)
```
#9577ff
```
#9577ff rgb(149,119,255)
```

Monochromatic Color

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

#2a2fff
```
#2a2fff rgb(42,47,255)
```
#362aff
```
#362aff rgb(54,42,255)
```
#482aff
```
#482aff rgb(72,42,255)
```
#5a2aff
```
#5a2aff rgb(90,42,255)
```
#6c2aff
```
#6c2aff rgb(108,42,255)
```
#7e2aff
```
#7e2aff rgb(126,42,255)
```
#8f2aff
```
#8f2aff rgb(143,42,255)
```

Similar Colors

Text with hexadecimal color #5a2aff

This text has a font color of #5a2aff.

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

#5a2aff background color

This paragraph has a background color of #5a2aff.

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

#5a2aff border color

This element has a border color of #5a2aff.

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

CSS codes

.text {color:#5a2aff;}

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

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

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

#010003
```
#010003 rgb(1,0,3)
```
#050016
```
#050016 rgb(5,0,22)
```
#09002a
```
#09002a rgb(9,0,42)
```
#0e003e
```
#0e003e rgb(14,0,62)
```
#120051
```
#120051 rgb(18,0,81)
```
#170065
```
#170065 rgb(23,0,101)
```
#1b0078
```
#1b0078 rgb(27,0,120)
```
#20008c
```
#20008c rgb(32,0,140)
```
#2400a0
```
#2400a0 rgb(36,0,160)
```
#2800b3
```
#2800b3 rgb(40,0,179)
```
#2d00c7
```
#2d00c7 rgb(45,0,199)
```
#3100db
```
#3100db rgb(49,0,219)
```
#3600ee
```
#3600ee rgb(54,0,238)
```

Shade Color Variation

#3c03ff
```
#3c03ff rgb(60,3,255)
```
#4b16ff
```
#4b16ff rgb(75,22,255)
```
#5a2aff
```
#5a2aff rgb(90,42,255)
```
#693eff
```
#693eff rgb(105,62,255)
```
#7851ff
```
#7851ff rgb(120,81,255)
```
#8865ff
```
#8865ff rgb(136,101,255)
```
#9778ff
```
#9778ff rgb(151,120,255)
```
#a68cff
```
#a68cff rgb(166,140,255)
```
#b5a0ff
```
#b5a0ff rgb(181,160,255)
```
#c4b3ff
```
#c4b3ff rgb(196,179,255)
```
#d4c7ff
```
#d4c7ff rgb(212,199,255)
```
#e3dbff
```
#e3dbff rgb(227,219,255)
```
#f2eeff
```
#f2eeff rgb(242,238,255)
```

Tint Color Variation

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

#908c9d
```
#908c9d rgb(144,140,157)
```
#8c84a5
```
#8c84a5 rgb(140,132,165)
```
#877cad
```
#877cad rgb(135,124,173)
```
#8374b5
```
#8374b5 rgb(131,116,181)
```
#7e6cbd
```
#7e6cbd rgb(126,108,189)
```
#7a63c6
```
#7a63c6 rgb(122,99,198)
```
#755bce
```
#755bce rgb(117,91,206)
```
#7153d6
```
#7153d6 rgb(113,83,214)
```
#6c4bde
```
#6c4bde rgb(108,75,222)
```
#6843e6
```
#6843e6 rgb(104,67,230)
```
#633aef
```
#633aef rgb(99,58,239)
```
#5e32f7
```
#5e32f7 rgb(94,50,247)
```
#5a2aff
```
#5a2aff rgb(90,42,255)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#534974 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c0 Protanopia 1% of men
#0068a6 Deuteranopia 1% of men
#006f76 Tritanopia 0.001% of the population

Trichromacy

#204ed6 Protanomaly 1% of men, 0.01% of women
#2051c6 Deuteranomaly 6% of men, 0.4% of women
#2056a8 Tritanomaly 0.01% of the population

#5a2aff hex color

#5a2aff Color Information

#5a2aff Color Conversion

Color Schemes with #5a2aff

Alternatives to #5a2aff

#5a2aff Preview

Shades and Tints of #5a2aff

Tones of #5a2aff

Color Blindness Simulator