#5a56d2 hex color

In a RGB color space, hex #5a56d2 is composed of 35.3% red, 33.7% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 57.1% cyan, 59% magenta, 0% yellow and 17.6% black. It has a hue angle of 241.9 degrees, a saturation of 57.9% and a lightness of 58%. #5a56d2 color hex could be obtained by blending #b4acff with #0000a5. Closest websafe color is: #6666cc.

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

● #5a56d2 color description : Moderate blue.

The hexadecimal color #5a56d2 has RGB values of R:90, G:86, B:210 and CMYK values of C:0.57, M:0.59, Y:0, K:0.18. Its decimal value is 5920466.

Hex triplet	5a56d2	`#5a56d2`
RGB Decimal	90, 86, 210	`rgb(90,86,210)`
RGB Percent	35.3, 33.7, 82.4	`rgb(35.3%,33.7%,82.4%)`
CMYK	57, 59, 0, 18
HSL	241.9°, 57.9, 58	`hsl(241.9,57.9%,58%)`
HSV (or HSB)	241.9°, 59, 82.4
Web Safe	6666cc	`#6666cc`

CIE-LAB	43.48, 36.867, -63.717
XYZ	19.175, 13.482, 62.561
xyY	0.201, 0.142, 13.482
CIE-LCH	43.48, 73.614, 300.054
CIE-LUV	43.48, -5.85, -97.071
Hunter-Lab	36.717, 28.962, -75.319
Binary	01011010, 01010110, 11010010

#5a56d2
```
#5a56d2 rgb(90,86,210)
```
#ced256
```
#ced256 rgb(206,210,86)
```

Complementary Color

#5690d2
```
#5690d2 rgb(86,144,210)
```
#5a56d2
```
#5a56d2 rgb(90,86,210)
```
#9856d2
```
#9856d2 rgb(152,86,210)
```

Analogous Color

#90d256
```
#90d256 rgb(144,210,86)
```
#5a56d2
```
#5a56d2 rgb(90,86,210)
```
#d29856
```
#d29856 rgb(210,152,86)
```

Split Complementary Color

#56d25a
```
#56d25a rgb(86,210,90)
```
#5a56d2
```
#5a56d2 rgb(90,86,210)
```
#d25a56
```
#d25a56 rgb(210,90,86)
```

Triadic Color

#56ced2
```
#56ced2 rgb(86,206,210)
```
#5a56d2
```
#5a56d2 rgb(90,86,210)
```
#d25a56
```
#d25a56 rgb(210,90,86)
```
#ced256
```
#ced256 rgb(206,210,86)
```

Tetradic Color

#322ead
```
#322ead rgb(50,46,173)
```
#3834c1
```
#3834c1 rgb(56,52,193)
```
#4642cd
```
#4642cd rgb(70,66,205)
```
#5a56d2
```
#5a56d2 rgb(90,86,210)
```
#6e6ad7
```
#6e6ad7 rgb(110,106,215)
```
#817edd
```
#817edd rgb(129,126,221)
```
#9592e2
```
#9592e2 rgb(149,146,226)
```

Monochromatic Color

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

#5671d2
```
#5671d2 rgb(86,113,210)
```
#5667d2
```
#5667d2 rgb(86,103,210)
```
#565cd2
```
#565cd2 rgb(86,92,210)
```
#5a56d2
```
#5a56d2 rgb(90,86,210)
```
#6456d2
```
#6456d2 rgb(100,86,210)
```
#6f56d2
```
#6f56d2 rgb(111,86,210)
```
#7956d2
```
#7956d2 rgb(121,86,210)
```

Similar Colors

Text with hexadecimal color #5a56d2

This text has a font color of #5a56d2.

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

#5a56d2 background color

This paragraph has a background color of #5a56d2.

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

#5a56d2 border color

This element has a border color of #5a56d2.

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

CSS codes

.text {color:#5a56d2;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#050411
```
#050411 rgb(5,4,17)
```
#090920
```
#090920 rgb(9,9,32)
```
#0e0d30
```
#0e0d30 rgb(14,13,48)
```
#12113f
```
#12113f rgb(18,17,63)
```
#17154f
```
#17154f rgb(23,21,79)
```
#1b195e
```
#1b195e rgb(27,25,94)
```
#201d6e
```
#201d6e rgb(32,29,110)
```
#24217d
```
#24217d rgb(36,33,125)
```
#29258d
```
#29258d rgb(41,37,141)
```
#2d2a9c
```
#2d2a9c rgb(45,42,156)
```
#322eac
```
#322eac rgb(50,46,172)
```
#3632bb
```
#3632bb rgb(54,50,187)
```

Shade Color Variation

#3c37ca
```
#3c37ca rgb(60,55,202)
```
#4b47ce
```
#4b47ce rgb(75,71,206)
```
#5a56d2
```
#5a56d2 rgb(90,86,210)
```
#6965d6
```
#6965d6 rgb(105,101,214)
```
#7875da
```
#7875da rgb(120,117,218)
```
#8784de
```
#8784de rgb(135,132,222)
```
#9694e2
```
#9694e2 rgb(150,148,226)
```
#a6a3e7
```
#a6a3e7 rgb(166,163,231)
```
#b5b3eb
```
#b5b3eb rgb(181,179,235)
```
#c4c2ef
```
#c4c2ef rgb(196,194,239)
```
#d3d2f3
```
#d3d2f3 rgb(211,210,243)
```
#e2e1f7
```
#e2e1f7 rgb(226,225,247)
```
#f1f1fb
```
#f1f1fb rgb(241,241,251)
```

Tint Color Variation

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

#909098
```
#909098 rgb(144,144,152)
```
#8887a1
```
#8887a1 rgb(136,135,161)
```
#807fa9
```
#807fa9 rgb(128,127,169)
```
#7977b1
```
#7977b1 rgb(121,119,177)
```
#716fb9
```
#716fb9 rgb(113,111,185)
```
#6966c2
```
#6966c2 rgb(105,102,194)
```
#625eca
```
#625eca rgb(98,94,202)
```
#5a56d2
```
#5a56d2 rgb(90,86,210)
```
#524eda
```
#524eda rgb(82,78,218)
```
#4b46e2
```
#4b46e2 rgb(75,70,226)
```
#433deb
```
#433deb rgb(67,61,235)
```
#3b35f3
```
#3b35f3 rgb(59,53,243)
```
#342dfb
```
#342dfb rgb(52,45,251)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#63627b Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd2 Protanopia 1% of men
#0071b8 Deuteranopia 1% of men
#347780 Tritanopia 0.001% of the population

Trichromacy

#2063d2 Protanomaly 1% of men, 0.01% of women
#2067c1 Deuteranomaly 6% of men, 0.4% of women
#426b9e Tritanomaly 0.01% of the population

#5a56d2 hex color

#5a56d2 Color Information

#5a56d2 Color Conversion

Color Schemes with #5a56d2

Alternatives to #5a56d2

#5a56d2 Preview

Shades and Tints of #5a56d2

Tones of #5a56d2

Color Blindness Simulator