#5a2dff hex color

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

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

● #5a2dff color description : Vivid blue.

The hexadecimal color #5a2dff has RGB values of R:90, G:45, B:255 and CMYK values of C:0.65, M:0.82, Y:0, K:0. Its decimal value is 5910015.

Hex triplet	5a2dff	`#5a2dff`
RGB Decimal	90, 45, 255	`rgb(90,45,255)`
RGB Percent	35.3, 17.6, 100	`rgb(35.3%,17.6%,100%)`
CMYK	65, 82, 0, 0
HSL	252.9°, 100, 58.8	`hsl(252.9,100%,58.8%)`
HSV (or HSB)	252.9°, 82.4, 100
Web Safe	6633ff	`#6633ff`

CIE-LAB	40.031, 70.973, -94.877
XYZ	23.201, 11.269, 95.555
xyY	0.178, 0.087, 11.269
CIE-LCH	40.031, 118.486, 306.798
CIE-LUV	40.031, -2.11, -133.509
Hunter-Lab	33.57, 64.62, -145.266
Binary	01011010, 00101101, 11111111

#5a2dff
```
#5a2dff rgb(90,45,255)
```
#d2ff2d
```
#d2ff2d rgb(210,255,45)
```

Complementary Color

#2d69ff
```
#2d69ff rgb(45,105,255)
```
#5a2dff
```
#5a2dff rgb(90,45,255)
```
#c32dff
```
#c32dff rgb(195,45,255)
```

Analogous Color

#69ff2d
```
#69ff2d rgb(105,255,45)
```
#5a2dff
```
#5a2dff rgb(90,45,255)
```
#ffc32d
```
#ffc32d rgb(255,195,45)
```

Split Complementary Color

#2dff5a
```
#2dff5a rgb(45,255,90)
```
#5a2dff
```
#5a2dff rgb(90,45,255)
```
#ff5a2d
```
#ff5a2d rgb(255,90,45)
```

Triadic Color

#2dd2ff
```
#2dd2ff rgb(45,210,255)
```
#5a2dff
```
#5a2dff rgb(90,45,255)
```
#ff5a2d
```
#ff5a2d rgb(255,90,45)
```
#d2ff2d
```
#d2ff2d rgb(210,255,45)
```

Tetradic Color

#3000e0
```
#3000e0 rgb(48,0,224)
```
#3500f9
```
#3500f9 rgb(53,0,249)
```
#4614ff
```
#4614ff rgb(70,20,255)
```
#5a2dff
```
#5a2dff rgb(90,45,255)
```
#6e47ff
```
#6e47ff rgb(110,71,255)
```
#8260ff
```
#8260ff rgb(130,96,255)
```
#967aff
```
#967aff rgb(150,122,255)
```

Monochromatic Color

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

#2d35ff
```
#2d35ff rgb(45,53,255)
```
#372dff
```
#372dff rgb(55,45,255)
```
#482dff
```
#482dff rgb(72,45,255)
```
#5a2dff
```
#5a2dff rgb(90,45,255)
```
#6c2dff
```
#6c2dff rgb(108,45,255)
```
#7d2dff
```
#7d2dff rgb(125,45,255)
```
#8f2dff
```
#8f2dff rgb(143,45,255)
```

Similar Colors

Text with hexadecimal color #5a2dff

This text has a font color of #5a2dff.

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

#5a2dff background color

This paragraph has a background color of #5a2dff.

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

#5a2dff border color

This element has a border color of #5a2dff.

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

CSS codes

.text {color:#5a2dff;}

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

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

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

#010006
```
#010006 rgb(1,0,6)
```
#050019
```
#050019 rgb(5,0,25)
```
#0a002d
```
#0a002d rgb(10,0,45)
```
#0e0041
```
#0e0041 rgb(14,0,65)
```
#120054
```
#120054 rgb(18,0,84)
```
#160068
```
#160068 rgb(22,0,104)
```
#1a007b
```
#1a007b rgb(26,0,123)
```
#1f008f
```
#1f008f rgb(31,0,143)
```
#2300a3
```
#2300a3 rgb(35,0,163)
```
#2700b6
```
#2700b6 rgb(39,0,182)
```
#2b00ca
```
#2b00ca rgb(43,0,202)
```
#2f00de
```
#2f00de rgb(47,0,222)
```
#3400f1
```
#3400f1 rgb(52,0,241)
```

Shade Color Variation

#3b06ff
```
#3b06ff rgb(59,6,255)
```
#4b19ff
```
#4b19ff rgb(75,25,255)
```
#5a2dff
```
#5a2dff rgb(90,45,255)
```
#6941ff
```
#6941ff rgb(105,65,255)
```
#7954ff
```
#7954ff rgb(121,84,255)
```
#8868ff
```
#8868ff rgb(136,104,255)
```
#987bff
```
#987bff rgb(152,123,255)
```
#a78fff
```
#a78fff rgb(167,143,255)
```
#b6a3ff
```
#b6a3ff rgb(182,163,255)
```
#c6b6ff
```
#c6b6ff rgb(198,182,255)
```
#d5caff
```
#d5caff rgb(213,202,255)
```
#e5deff
```
#e5deff rgb(229,222,255)
```
#f4f1ff
```
#f4f1ff rgb(244,241,255)
```

Tint Color Variation

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

#918e9e
```
#918e9e rgb(145,142,158)
```
#8d86a6
```
#8d86a6 rgb(141,134,166)
```
#887eae
```
#887eae rgb(136,126,174)
```
#8476b6
```
#8476b6 rgb(132,118,182)
```
#7f6ebe
```
#7f6ebe rgb(127,110,190)
```
#7a66c6
```
#7a66c6 rgb(122,102,198)
```
#765dcf
```
#765dcf rgb(118,93,207)
```
#7155d7
```
#7155d7 rgb(113,85,215)
```
#6c4ddf
```
#6c4ddf rgb(108,77,223)
```
#6845e7
```
#6845e7 rgb(104,69,231)
```
#633def
```
#633def rgb(99,61,239)
```
#5f35f7
```
#5f35f7 rgb(95,53,247)
```
#5a2dff
```
#5a2dff rgb(90,45,255)
```

Tone Color Variation

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

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

#5a2dff hex color

#5a2dff Color Information

#5a2dff Color Conversion

Color Schemes with #5a2dff

Alternatives to #5a2dff

#5a2dff Preview

Shades and Tints of #5a2dff

Tones of #5a2dff

Color Blindness Simulator