#5a56c4 hex color

In a RGB color space, hex #5a56c4 is composed of 35.3% red, 33.7% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 54.1% cyan, 56.1% magenta, 0% yellow and 23.1% black. It has a hue angle of 242.2 degrees, a saturation of 48.2% and a lightness of 55.3%. #5a56c4 color hex could be obtained by blending #b4acff with #000089. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 35
- G 34
- B 77
RGB color chart
- C 54
- M 56
- Y 0
- K 23
CMYK color chart

● #5a56c4 color description : Moderate blue.

The hexadecimal color #5a56c4 has RGB values of R:90, G:86, B:196 and CMYK values of C:0.54, M:0.56, Y:0, K:0.23. Its decimal value is 5920452.

Hex triplet	5a56c4	`#5a56c4`
RGB Decimal	90, 86, 196	`rgb(90,86,196)`
RGB Percent	35.3, 33.7, 76.9	`rgb(35.3%,33.7%,76.9%)`
CMYK	54, 56, 0, 23
HSL	242.2°, 48.2, 55.3	`hsl(242.2,48.2%,55.3%)`
HSV (or HSB)	242.2°, 56.1, 76.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	42.482, 32.404, -57.256
XYZ	17.506, 12.814, 53.772
xyY	0.208, 0.152, 12.814
CIE-LCH	42.482, 65.79, 299.508
CIE-LUV	42.482, -5.033, -86.988
Hunter-Lab	35.797, 24.649, -64.005
Binary	01011010, 01010110, 11000100

#5a56c4
```
#5a56c4 rgb(90,86,196)
```
#c0c456
```
#c0c456 rgb(192,196,86)
```

Complementary Color

#5689c4
```
#5689c4 rgb(86,137,196)
```
#5a56c4
```
#5a56c4 rgb(90,86,196)
```
#9156c4
```
#9156c4 rgb(145,86,196)
```

Analogous Color

#89c456
```
#89c456 rgb(137,196,86)
```
#5a56c4
```
#5a56c4 rgb(90,86,196)
```
#c49156
```
#c49156 rgb(196,145,86)
```

Split Complementary Color

#56c45a
```
#56c45a rgb(86,196,90)
```
#5a56c4
```
#5a56c4 rgb(90,86,196)
```
#c45a56
```
#c45a56 rgb(196,90,86)
```

Triadic Color

#56c0c4
```
#56c0c4 rgb(86,192,196)
```
#5a56c4
```
#5a56c4 rgb(90,86,196)
```
#c45a56
```
#c45a56 rgb(196,90,86)
```
#c0c456
```
#c0c456 rgb(192,196,86)
```

Tetradic Color

#393598
```
#393598 rgb(57,53,152)
```
#403cab
```
#403cab rgb(64,60,171)
```
#4843bd
```
#4843bd rgb(72,67,189)
```
#5a56c4
```
#5a56c4 rgb(90,86,196)
```
#6c69cb
```
#6c69cb rgb(108,105,203)
```
#7f7cd1
```
#7f7cd1 rgb(127,124,209)
```
#918fd8
```
#918fd8 rgb(145,143,216)
```

Monochromatic Color

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

#566ec4
```
#566ec4 rgb(86,110,196)
```
#5664c4
```
#5664c4 rgb(86,100,196)
```
#565bc4
```
#565bc4 rgb(86,91,196)
```
#5a56c4
```
#5a56c4 rgb(90,86,196)
```
#6356c4
```
#6356c4 rgb(99,86,196)
```
#6c56c4
```
#6c56c4 rgb(108,86,196)
```
#7656c4
```
#7656c4 rgb(118,86,196)
```

Similar Colors

Text with hexadecimal color #5a56c4

This text has a font color of #5a56c4.

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

#5a56c4 background color

This paragraph has a background color of #5a56c4.

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

#5a56c4 border color

This element has a border color of #5a56c4.

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

CSS codes

.text {color:#5a56c4;}

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

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

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

#020205
```
#020205 rgb(2,2,5)
```
#070714
```
#070714 rgb(7,7,20)
```
#0d0c23
```
#0d0c23 rgb(13,12,35)
```
#121131
```
#121131 rgb(18,17,49)
```
#181640
```
#181640 rgb(24,22,64)
```
#1d1b4e
```
#1d1b4e rgb(29,27,78)
```
#23205d
```
#23205d rgb(35,32,93)
```
#28256b
```
#28256b rgb(40,37,107)
```
#2d2b7a
```
#2d2b7a rgb(45,43,122)
```
#333088
```
#333088 rgb(51,48,136)
```
#383597
```
#383597 rgb(56,53,151)
```
#3e3aa5
```
#3e3aa5 rgb(62,58,165)
```
#433fb4
```
#433fb4 rgb(67,63,180)
```

Shade Color Variation

#4c47bf
```
#4c47bf rgb(76,71,191)
```
#5a56c4
```
#5a56c4 rgb(90,86,196)
```
#6865c9
```
#6865c9 rgb(104,101,201)
```
#7673ce
```
#7673ce rgb(118,115,206)
```
#8582d3
```
#8582d3 rgb(133,130,211)
```
#9390d8
```
#9390d8 rgb(147,144,216)
```
#a19fdd
```
#a19fdd rgb(161,159,221)
```
#afade2
```
#afade2 rgb(175,173,226)
```
#bdbce8
```
#bdbce8 rgb(189,188,232)
```
#cccaed
```
#cccaed rgb(204,202,237)
```
#dad9f2
```
#dad9f2 rgb(218,217,242)
```
#e8e7f7
```
#e8e7f7 rgb(232,231,247)
```
#f6f6fc
```
#f6f6fc rgb(246,246,252)
```

Tint Color Variation

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

#8b8b8f
```
#8b8b8f rgb(139,139,143)
```
#838298
```
#838298 rgb(131,130,152)
```
#7b79a1
```
#7b79a1 rgb(123,121,161)
```
#7270aa
```
#7270aa rgb(114,112,170)
```
#6a68b2
```
#6a68b2 rgb(106,104,178)
```
#625fbb
```
#625fbb rgb(98,95,187)
```
#5a56c4
```
#5a56c4 rgb(90,86,196)
```
#524dcd
```
#524dcd rgb(82,77,205)
```
#4a44d6
```
#4a44d6 rgb(74,68,214)
```
#423cde
```
#423cde rgb(66,60,222)
```
#3933e7
```
#3933e7 rgb(57,51,231)
```
#312af0
```
#312af0 rgb(49,42,240)
```
#2921f9
```
#2921f9 rgb(41,33,249)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#626177 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068ce Protanopia 1% of men
#006eb6 Deuteranopia 1% of men
#40737c Tritanopia 0.001% of the population

Trichromacy

#2062ca Protanomaly 1% of men, 0.01% of women
#2065bb Deuteranomaly 6% of men, 0.4% of women
#496896 Tritanomaly 0.01% of the population

#5a56c4 hex color

#5a56c4 Color Information

#5a56c4 Color Conversion

Color Schemes with #5a56c4

Alternatives to #5a56c4

#5a56c4 Preview

Shades and Tints of #5a56c4

Tones of #5a56c4

Color Blindness Simulator