#5a56d4 hex color

In a RGB color space, hex #5a56d4 is composed of 35.3% red, 33.7% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 57.5% cyan, 59.4% magenta, 0% yellow and 16.9% black. It has a hue angle of 241.9 degrees, a saturation of 59.4% and a lightness of 58.4%. #5a56d4 color hex could be obtained by blending #b4acff with #0000a9. Closest websafe color is: #6666cc.

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

● #5a56d4 color description : Moderate blue.

The hexadecimal color #5a56d4 has RGB values of R:90, G:86, B:212 and CMYK values of C:0.58, M:0.59, Y:0, K:0.17. Its decimal value is 5920468.

Hex triplet	5a56d4	`#5a56d4`
RGB Decimal	90, 86, 212	`rgb(90,86,212)`
RGB Percent	35.3, 33.7, 83.1	`rgb(35.3%,33.7%,83.1%)`
CMYK	58, 59, 0, 17
HSL	241.9°, 59.4, 58.4	`hsl(241.9,59.4%,58.4%)`
HSV (or HSB)	241.9°, 59.4, 83.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	43.627, 37.506, -64.625
XYZ	19.426, 13.582, 63.882
xyY	0.2, 0.14, 13.582
CIE-LCH	43.627, 74.72, 300.129
CIE-LUV	43.627, -5.964, -98.484
Hunter-Lab	36.854, 29.593, -76.975
Binary	01011010, 01010110, 11010100

#5a56d4
```
#5a56d4 rgb(90,86,212)
```
#d0d456
```
#d0d456 rgb(208,212,86)
```

Complementary Color

#5691d4
```
#5691d4 rgb(86,145,212)
```
#5a56d4
```
#5a56d4 rgb(90,86,212)
```
#9956d4
```
#9956d4 rgb(153,86,212)
```

Analogous Color

#91d456
```
#91d456 rgb(145,212,86)
```
#5a56d4
```
#5a56d4 rgb(90,86,212)
```
#d49956
```
#d49956 rgb(212,153,86)
```

Split Complementary Color

#56d45a
```
#56d45a rgb(86,212,90)
```
#5a56d4
```
#5a56d4 rgb(90,86,212)
```
#d45a56
```
#d45a56 rgb(212,90,86)
```

Triadic Color

#56d0d4
```
#56d0d4 rgb(86,208,212)
```
#5a56d4
```
#5a56d4 rgb(90,86,212)
```
#d45a56
```
#d45a56 rgb(212,90,86)
```
#d0d456
```
#d0d456 rgb(208,212,86)
```

Tetradic Color

#312db1
```
#312db1 rgb(49,45,177)
```
#3732c5
```
#3732c5 rgb(55,50,197)
```
#4642cf
```
#4642cf rgb(70,66,207)
```
#5a56d4
```
#5a56d4 rgb(90,86,212)
```
#6e6ad9
```
#6e6ad9 rgb(110,106,217)
```
#827fde
```
#827fde rgb(130,127,222)
```
#9693e4
```
#9693e4 rgb(150,147,228)
```

Monochromatic Color

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

#5672d4
```
#5672d4 rgb(86,114,212)
```
#5667d4
```
#5667d4 rgb(86,103,212)
```
#565dd4
```
#565dd4 rgb(86,93,212)
```
#5a56d4
```
#5a56d4 rgb(90,86,212)
```
#6556d4
```
#6556d4 rgb(101,86,212)
```
#6f56d4
```
#6f56d4 rgb(111,86,212)
```
#7a56d4
```
#7a56d4 rgb(122,86,212)
```

Similar Colors

Text with hexadecimal color #5a56d4

This text has a font color of #5a56d4.

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

#5a56d4 background color

This paragraph has a background color of #5a56d4.

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

#5a56d4 border color

This element has a border color of #5a56d4.

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

CSS codes

.text {color:#5a56d4;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#050513
```
#050513 rgb(5,5,19)
```
#0a0922
```
#0a0922 rgb(10,9,34)
```
#0e0d32
```
#0e0d32 rgb(14,13,50)
```
#121142
```
#121142 rgb(18,17,66)
```
#171551
```
#171551 rgb(23,21,81)
```
#1b1961
```
#1b1961 rgb(27,25,97)
```
#1f1d70
```
#1f1d70 rgb(31,29,112)
```
#242180
```
#242180 rgb(36,33,128)
```
#282590
```
#282590 rgb(40,37,144)
```
#2c299f
```
#2c299f rgb(44,41,159)
```
#312daf
```
#312daf rgb(49,45,175)
```
#3531bf
```
#3531bf rgb(53,49,191)
```

Shade Color Variation

#3b37cc
```
#3b37cc rgb(59,55,204)
```
#4b46d0
```
#4b46d0 rgb(75,70,208)
```
#5a56d4
```
#5a56d4 rgb(90,86,212)
```
#6966d8
```
#6966d8 rgb(105,102,216)
```
#7975dc
```
#7975dc rgb(121,117,220)
```
#8885e0
```
#8885e0 rgb(136,133,224)
```
#9795e4
```
#9795e4 rgb(151,149,228)
```
#a6a4e8
```
#a6a4e8 rgb(166,164,232)
```
#b6b4ec
```
#b6b4ec rgb(182,180,236)
```
#c5c3f0
```
#c5c3f0 rgb(197,195,240)
```
#d4d3f4
```
#d4d3f4 rgb(212,211,244)
```
#e3e3f8
```
#e3e3f8 rgb(227,227,248)
```
#f3f2fc
```
#f3f2fc rgb(243,242,252)
```

Tint Color Variation

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

#8f8f9b
```
#8f8f9b rgb(143,143,155)
```
#8887a3
```
#8887a3 rgb(136,135,163)
```
#807fab
```
#807fab rgb(128,127,171)
```
#7977b3
```
#7977b3 rgb(121,119,179)
```
#716ebc
```
#716ebc rgb(113,110,188)
```
#6966c4
```
#6966c4 rgb(105,102,196)
```
#625ecc
```
#625ecc rgb(98,94,204)
```
#5a56d4
```
#5a56d4 rgb(90,86,212)
```
#524edc
```
#524edc rgb(82,78,220)
```
#4b46e4
```
#4b46e4 rgb(75,70,228)
```
#433eec
```
#433eec rgb(67,62,236)
```
#3b35f5
```
#3b35f5 rgb(59,53,245)
```
#342dfd
```
#342dfd rgb(52,45,253)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#64637c Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd2 Protanopia 1% of men
#0071b9 Deuteranopia 1% of men
#327880 Tritanopia 0.001% of the population

Trichromacy

#2063d3 Protanomaly 1% of men, 0.01% of women
#2067c2 Deuteranomaly 6% of men, 0.4% of women
#406b9f Tritanomaly 0.01% of the population

#5a56d4 hex color

#5a56d4 Color Information

#5a56d4 Color Conversion

Color Schemes with #5a56d4

Alternatives to #5a56d4

#5a56d4 Preview

Shades and Tints of #5a56d4

Tones of #5a56d4

Color Blindness Simulator