colorhexa.com

#5b56c4 hex color

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

- R 36
- G 34
- B 77
RGB color chart
- C 54
- M 56
- Y 0
- K 23
CMYK color chart

● #5b56c4 color description : Moderate blue.

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

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

CIE-LAB	42.559, 32.603, -57.129
XYZ	17.604, 12.865, 53.777
xyY	0.209, 0.153, 12.865
CIE-LCH	42.559, 65.777, 299.713
CIE-LUV	42.559, -4.703, -86.871
Hunter-Lab	35.867, 24.842, -63.788
Binary	01011011, 01010110, 11000100

#5b56c4
```
#5b56c4 rgb(91,86,196)
```
#bfc456
```
#bfc456 rgb(191,196,86)
```

Complementary Color

#5688c4
```
#5688c4 rgb(86,136,196)
```
#5b56c4
```
#5b56c4 rgb(91,86,196)
```
#9256c4
```
#9256c4 rgb(146,86,196)
```

Analogous Color

#88c456
```
#88c456 rgb(136,196,86)
```
#5b56c4
```
#5b56c4 rgb(91,86,196)
```
#c49256
```
#c49256 rgb(196,146,86)
```

Split Complementary Color

#56c45b
```
#56c45b rgb(86,196,91)
```
#5b56c4
```
#5b56c4 rgb(91,86,196)
```
#c45b56
```
#c45b56 rgb(196,91,86)
```

Triadic Color

#56bfc4
```
#56bfc4 rgb(86,191,196)
```
#5b56c4
```
#5b56c4 rgb(91,86,196)
```
#c45b56
```
#c45b56 rgb(196,91,86)
```
#bfc456
```
#bfc456 rgb(191,196,86)
```

Tetradic Color

#3a3598
```
#3a3598 rgb(58,53,152)
```
#413cab
```
#413cab rgb(65,60,171)
```
#4943bd
```
#4943bd rgb(73,67,189)
```
#5b56c4
```
#5b56c4 rgb(91,86,196)
```
#6d69cb
```
#6d69cb rgb(109,105,203)
```
#807cd1
```
#807cd1 rgb(128,124,209)
```
#928fd8
```
#928fd8 rgb(146,143,216)
```

Monochromatic Color

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

#566dc4
```
#566dc4 rgb(86,109,196)
```
#5663c4
```
#5663c4 rgb(86,99,196)
```
#565ac4
```
#565ac4 rgb(86,90,196)
```
#5b56c4
```
#5b56c4 rgb(91,86,196)
```
#6456c4
```
#6456c4 rgb(100,86,196)
```
#6d56c4
```
#6d56c4 rgb(109,86,196)
```
#7756c4
```
#7756c4 rgb(119,86,196)
```

Similar Colors

Text with hexadecimal color #5b56c4

This text has a font color of #5b56c4.

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

#5b56c4 background color

This paragraph has a background color of #5b56c4.

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

#5b56c4 border color

This element has a border color of #5b56c4.

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

CSS codes

.text {color:#5b56c4;}

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

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

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)
```
#080714
```
#080714 rgb(8,7,20)
```
#0d0c23
```
#0d0c23 rgb(13,12,35)
```
#131131
```
#131131 rgb(19,17,49)
```
#181640
```
#181640 rgb(24,22,64)
```
#1e1b4e
```
#1e1b4e rgb(30,27,78)
```
#23205d
```
#23205d rgb(35,32,93)
```
#29256b
```
#29256b rgb(41,37,107)
```
#2e2b7a
```
#2e2b7a rgb(46,43,122)
```
#343088
```
#343088 rgb(52,48,136)
```
#393597
```
#393597 rgb(57,53,151)
```
#3f3aa5
```
#3f3aa5 rgb(63,58,165)
```
#443fb4
```
#443fb4 rgb(68,63,180)
```

Shade Color Variation

#4d47bf
```
#4d47bf rgb(77,71,191)
```
#5b56c4
```
#5b56c4 rgb(91,86,196)
```
#6965c9
```
#6965c9 rgb(105,101,201)
```
#7773ce
```
#7773ce rgb(119,115,206)
```
#8582d3
```
#8582d3 rgb(133,130,211)
```
#9390d8
```
#9390d8 rgb(147,144,216)
```
#a29fdd
```
#a29fdd rgb(162,159,221)
```
#b0ade2
```
#b0ade2 rgb(176,173,226)
```
#bebce8
```
#bebce8 rgb(190,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 #2b21f9 is the most saturated one.

#8b8b8f
```
#8b8b8f rgb(139,139,143)
```
#838298
```
#838298 rgb(131,130,152)
```
#7b79a1
```
#7b79a1 rgb(123,121,161)
```
#7370aa
```
#7370aa rgb(115,112,170)
```
#6b68b2
```
#6b68b2 rgb(107,104,178)
```
#635fbb
```
#635fbb rgb(99,95,187)
```
#5b56c4
```
#5b56c4 rgb(91,86,196)
```
#534dcd
```
#534dcd rgb(83,77,205)
```
#4b44d6
```
#4b44d6 rgb(75,68,214)
```
#433cde
```
#433cde rgb(67,60,222)
```
#3b33e7
```
#3b33e7 rgb(59,51,231)
```
#332af0
```
#332af0 rgb(51,42,240)
```
#2b21f9
```
#2b21f9 rgb(43,33,249)
```

Tone Color Variation

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

#0069ce Protanopia 1% of men
#006eb6 Deuteranopia 1% of men
#41737c Tritanopia 0.001% of the population

Trichromacy

#2162ca Protanomaly 1% of men, 0.01% of women
#2165bb Deuteranomaly 6% of men, 0.4% of women
#4b6896 Tritanomaly 0.01% of the population