#5a2cff hex color

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

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

● #5a2cff color description : Vivid blue.

The hexadecimal color #5a2cff has RGB values of R:90, G:44, B:255 and CMYK values of C:0.65, M:0.83, Y:0, K:0. Its decimal value is 5909759.

Hex triplet	5a2cff	`#5a2cff`
RGB Decimal	90, 44, 255	`rgb(90,44,255)`
RGB Percent	35.3, 17.3, 100	`rgb(35.3%,17.3%,100%)`
CMYK	65, 83, 0, 0
HSL	253.1°, 100, 58.6	`hsl(253.1,100%,58.6%)`
HSV (or HSB)	253.1°, 82.7, 100
Web Safe	6633ff	`#6633ff`

CIE-LAB	39.905, 71.344, -95.085
XYZ	23.164, 11.194, 95.542
xyY	0.178, 0.086, 11.194
CIE-LCH	39.905, 118.874, 306.882
CIE-LUV	39.905, -2.013, -133.551
Hunter-Lab	33.458, 65.031, -145.89
Binary	01011010, 00101100, 11111111

#5a2cff
```
#5a2cff rgb(90,44,255)
```
#d1ff2c
```
#d1ff2c rgb(209,255,44)
```

Complementary Color

#2c68ff
```
#2c68ff rgb(44,104,255)
```
#5a2cff
```
#5a2cff rgb(90,44,255)
```
#c42cff
```
#c42cff rgb(196,44,255)
```

Analogous Color

#68ff2c
```
#68ff2c rgb(104,255,44)
```
#5a2cff
```
#5a2cff rgb(90,44,255)
```
#ffc42c
```
#ffc42c rgb(255,196,44)
```

Split Complementary Color

#2cff5a
```
#2cff5a rgb(44,255,90)
```
#5a2cff
```
#5a2cff rgb(90,44,255)
```
#ff5a2c
```
#ff5a2c rgb(255,90,44)
```

Triadic Color

#2cd1ff
```
#2cd1ff rgb(44,209,255)
```
#5a2cff
```
#5a2cff rgb(90,44,255)
```
#ff5a2c
```
#ff5a2c rgb(255,90,44)
```
#d1ff2c
```
#d1ff2c rgb(209,255,44)
```

Tetradic Color

#3100df
```
#3100df rgb(49,0,223)
```
#3600f8
```
#3600f8 rgb(54,0,248)
```
#4613ff
```
#4613ff rgb(70,19,255)
```
#5a2cff
```
#5a2cff rgb(90,44,255)
```
#6e46ff
```
#6e46ff rgb(110,70,255)
```
#825fff
```
#825fff rgb(130,95,255)
```
#9679ff
```
#9679ff rgb(150,121,255)
```

Monochromatic Color

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

#2c33ff
```
#2c33ff rgb(44,51,255)
```
#372cff
```
#372cff rgb(55,44,255)
```
#482cff
```
#482cff rgb(72,44,255)
```
#5a2cff
```
#5a2cff rgb(90,44,255)
```
#6c2cff
```
#6c2cff rgb(108,44,255)
```
#7d2cff
```
#7d2cff rgb(125,44,255)
```
#8f2cff
```
#8f2cff rgb(143,44,255)
```

Similar Colors

Text with hexadecimal color #5a2cff

This text has a font color of #5a2cff.

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

#5a2cff background color

This paragraph has a background color of #5a2cff.

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

#5a2cff border color

This element has a border color of #5a2cff.

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

CSS codes

.text {color:#5a2cff;}

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

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

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

#010005
```
#010005 rgb(1,0,5)
```
#050018
```
#050018 rgb(5,0,24)
```
#0a002c
```
#0a002c rgb(10,0,44)
```
#0e0040
```
#0e0040 rgb(14,0,64)
```
#120053
```
#120053 rgb(18,0,83)
```
#160067
```
#160067 rgb(22,0,103)
```
#1b007a
```
#1b007a rgb(27,0,122)
```
#1f008e
```
#1f008e rgb(31,0,142)
```
#2300a2
```
#2300a2 rgb(35,0,162)
```
#2800b5
```
#2800b5 rgb(40,0,181)
```
#2c00c9
```
#2c00c9 rgb(44,0,201)
```
#3000dd
```
#3000dd rgb(48,0,221)
```
#3400f0
```
#3400f0 rgb(52,0,240)
```

Shade Color Variation

#3b05ff
```
#3b05ff rgb(59,5,255)
```
#4b18ff
```
#4b18ff rgb(75,24,255)
```
#5a2cff
```
#5a2cff rgb(90,44,255)
```
#6940ff
```
#6940ff rgb(105,64,255)
```
#7953ff
```
#7953ff rgb(121,83,255)
```
#8867ff
```
#8867ff rgb(136,103,255)
```
#977aff
```
#977aff rgb(151,122,255)
```
#a78eff
```
#a78eff rgb(167,142,255)
```
#b6a2ff
```
#b6a2ff rgb(182,162,255)
```
#c5b5ff
```
#c5b5ff rgb(197,181,255)
```
#d5c9ff
```
#d5c9ff rgb(213,201,255)
```
#e4ddff
```
#e4ddff rgb(228,221,255)
```
#f3f0ff
```
#f3f0ff rgb(243,240,255)
```

Tint Color Variation

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

#918d9e
```
#918d9e rgb(145,141,158)
```
#8c85a6
```
#8c85a6 rgb(140,133,166)
```
#887dae
```
#887dae rgb(136,125,174)
```
#8375b6
```
#8375b6 rgb(131,117,182)
```
#7f6dbe
```
#7f6dbe rgb(127,109,190)
```
#7a65c6
```
#7a65c6 rgb(122,101,198)
```
#755dce
```
#755dce rgb(117,93,206)
```
#7155d6
```
#7155d6 rgb(113,85,214)
```
#6c4cdf
```
#6c4cdf rgb(108,76,223)
```
#6844e7
```
#6844e7 rgb(104,68,231)
```
#633cef
```
#633cef rgb(99,60,239)
```
#5f34f7
```
#5f34f7 rgb(95,52,247)
```
#5a2cff
```
#5a2cff rgb(90,44,255)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#544a75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c1 Protanopia 1% of men
#0069a7 Deuteranopia 1% of men
#007077 Tritanopia 0.001% of the population

Trichromacy

#204fd7 Protanomaly 1% of men, 0.01% of women
#2053c7 Deuteranomaly 6% of men, 0.4% of women
#2057a8 Tritanomaly 0.01% of the population

#5a2cff hex color

#5a2cff Color Information

#5a2cff Color Conversion

Color Schemes with #5a2cff

Alternatives to #5a2cff

#5a2cff Preview

Shades and Tints of #5a2cff

Tones of #5a2cff

Color Blindness Simulator