#5d56a2 hex color

In a RGB color space, hex #5d56a2 is composed of 36.5% red, 33.7% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 42.6% cyan, 46.9% magenta, 0% yellow and 36.5% black. It has a hue angle of 245.5 degrees, a saturation of 30.6% and a lightness of 48.6%. #5d56a2 color hex could be obtained by blending #baacff with #000045. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 36
- G 34
- B 64
RGB color chart
- C 43
- M 47
- Y 0
- K 36
CMYK color chart

● #5d56a2 color description : Dark moderate blue.

The hexadecimal color #5d56a2 has RGB values of R:93, G:86, B:162 and CMYK values of C:0.43, M:0.47, Y:0, K:0.36. Its decimal value is 6117026.

Hex triplet	5d56a2	`#5d56a2`
RGB Decimal	93, 86, 162	`rgb(93,86,162)`
RGB Percent	36.5, 33.7, 63.5	`rgb(36.5%,33.7%,63.5%)`
CMYK	43, 47, 0, 36
HSL	245.5°, 30.6, 48.6	`hsl(245.5,30.6%,48.6%)`
HSV (or HSB)	245.5°, 46.9, 63.5
Web Safe	666699	`#666699`

CIE-LAB	40.559, 22.53, -40.346
XYZ	14.362, 11.591, 35.661
xyY	0.233, 0.188, 11.591
CIE-LCH	40.559, 46.21, 299.18
CIE-LUV	40.559, -1.706, -60.616
Hunter-Lab	34.046, 15.721, -38.271
Binary	01011101, 01010110, 10100010

#5d56a2
```
#5d56a2 rgb(93,86,162)
```
#9ba256
```
#9ba256 rgb(155,162,86)
```

Complementary Color

#5675a2
```
#5675a2 rgb(86,117,162)
```
#5d56a2
```
#5d56a2 rgb(93,86,162)
```
#8356a2
```
#8356a2 rgb(131,86,162)
```

Analogous Color

#75a256
```
#75a256 rgb(117,162,86)
```
#5d56a2
```
#5d56a2 rgb(93,86,162)
```
#a28356
```
#a28356 rgb(162,131,86)
```

Split Complementary Color

#56a25d
```
#56a25d rgb(86,162,93)
```
#5d56a2
```
#5d56a2 rgb(93,86,162)
```
#a25d56
```
#a25d56 rgb(162,93,86)
```

Triadic Color

#569ba2
```
#569ba2 rgb(86,155,162)
```
#5d56a2
```
#5d56a2 rgb(93,86,162)
```
#a25d56
```
#a25d56 rgb(162,93,86)
```
#9ba256
```
#9ba256 rgb(155,162,86)
```

Tetradic Color

#403b70
```
#403b70 rgb(64,59,112)
```
#4a4481
```
#4a4481 rgb(74,68,129)
```
#534d91
```
#534d91 rgb(83,77,145)
```
#5d56a2
```
#5d56a2 rgb(93,86,162)
```
#6b65ad
```
#6b65ad rgb(107,101,173)
```
#7b75b6
```
#7b75b6 rgb(123,117,182)
```
#8b86bf
```
#8b86bf rgb(139,134,191)
```

Monochromatic Color

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

#5662a2
```
#5662a2 rgb(86,98,162)
```
#565ca2
```
#565ca2 rgb(86,92,162)
```
#5756a2
```
#5756a2 rgb(87,86,162)
```
#5d56a2
```
#5d56a2 rgb(93,86,162)
```
#6356a2
```
#6356a2 rgb(99,86,162)
```
#6a56a2
```
#6a56a2 rgb(106,86,162)
```
#7056a2
```
#7056a2 rgb(112,86,162)
```

Similar Colors

Text with hexadecimal color #5d56a2

This text has a font color of #5d56a2.

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

#5d56a2 background color

This paragraph has a background color of #5d56a2.

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

#5d56a2 border color

This element has a border color of #5d56a2.

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

CSS codes

.text {color:#5d56a2;}

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

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

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

#050408
```
#050408 rgb(5,4,8)
```
#0c0b15
```
#0c0b15 rgb(12,11,21)
```
#131222
```
#131222 rgb(19,18,34)
```
#1b192f
```
#1b192f rgb(27,25,47)
```
#22203b
```
#22203b rgb(34,32,59)
```
#2a2648
```
#2a2648 rgb(42,38,72)
```
#312d55
```
#312d55 rgb(49,45,85)
```
#383462
```
#383462 rgb(56,52,98)
```
#403b6f
```
#403b6f rgb(64,59,111)
```
#47427c
```
#47427c rgb(71,66,124)
```
#4e4888
```
#4e4888 rgb(78,72,136)
```
#564f95
```
#564f95 rgb(86,79,149)
```
#5d56a2
```
#5d56a2 rgb(93,86,162)
```

Shade Color Variation

#6861ab
```
#6861ab rgb(104,97,171)
```
#746db2
```
#746db2 rgb(116,109,178)
```
#807ab9
```
#807ab9 rgb(128,122,185)
```
#8c87bf
```
#8c87bf rgb(140,135,191)
```
#9994c6
```
#9994c6 rgb(153,148,198)
```
#a5a1cd
```
#a5a1cd rgb(165,161,205)
```
#b1aed4
```
#b1aed4 rgb(177,174,212)
```
#bdbadb
```
#bdbadb rgb(189,186,219)
```
#cac7e1
```
#cac7e1 rgb(202,199,225)
```
#d6d4e8
```
#d6d4e8 rgb(214,212,232)
```
#e2e1ef
```
#e2e1ef rgb(226,225,239)
```
#eeeef6
```
#eeeef6 rgb(238,238,246)
```
#fbfafd
```
#fbfafd rgb(251,250,253)
```

Tint Color Variation

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

#747385
```
#747385 rgb(116,115,133)
```
#6d698f
```
#6d698f rgb(109,105,143)
```
#656098
```
#656098 rgb(101,96,152)
```
#5d56a2
```
#5d56a2 rgb(93,86,162)
```
#554cac
```
#554cac rgb(85,76,172)
```
#4d43b5
```
#4d43b5 rgb(77,67,181)
```
#4639bf
```
#4639bf rgb(70,57,191)
```
#3e30c8
```
#3e30c8 rgb(62,48,200)
```
#3626d2
```
#3626d2 rgb(54,38,210)
```
#2e1ddb
```
#2e1ddb rgb(46,29,219)
```
#2713e5
```
#2713e5 rgb(39,19,229)
```
#1f0aee
```
#1f0aee rgb(31,10,238)
```
#1700f8
```
#1700f8 rgb(23,0,248)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#605f6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4465ac Protanopia 1% of men
#3e68a3 Deuteranopia 1% of men
#556b73 Tritanopia 0.001% of the population

Trichromacy

#4d5fa8 Protanomaly 1% of men, 0.01% of women
#4961a2 Deuteranomaly 6% of men, 0.4% of women
#586384 Tritanomaly 0.01% of the population

#5d56a2 hex color

#5d56a2 Color Information

#5d56a2 Color Conversion

Color Schemes with #5d56a2

Alternatives to #5d56a2

#5d56a2 Preview

Shades and Tints of #5d56a2

Tones of #5d56a2

Color Blindness Simulator