#5d56d8 hex color

In a RGB color space, hex #5d56d8 is composed of 36.5% red, 33.7% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 56.9% cyan, 60.2% magenta, 0% yellow and 15.3% black. It has a hue angle of 243.2 degrees, a saturation of 62.5% and a lightness of 59.2%. #5d56d8 color hex could be obtained by blending #baacff with #0000b1. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 36
- G 34
- B 85
RGB color chart
- C 57
- M 60
- Y 0
- K 15
CMYK color chart

● #5d56d8 color description : Moderate blue.

The hexadecimal color #5d56d8 has RGB values of R:93, G:86, B:216 and CMYK values of C:0.57, M:0.6, Y:0, K:0.15. Its decimal value is 6117080.

Hex triplet	5d56d8	`#5d56d8`
RGB Decimal	93, 86, 216	`rgb(93,86,216)`
RGB Percent	36.5, 33.7, 84.7	`rgb(36.5%,33.7%,84.7%)`
CMYK	57, 60, 0, 15
HSL	243.2°, 62.5, 59.2	`hsl(243.2,62.5%,59.2%)`
HSV (or HSB)	243.2°, 60.2, 84.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	44.147, 39.299, -66.06
XYZ	20.234, 13.94, 66.586
xyY	0.201, 0.138, 13.94
CIE-LCH	44.147, 76.866, 300.749
CIE-LUV	44.147, -5.289, -100.981
Hunter-Lab	37.336, 31.4, -79.604
Binary	01011101, 01010110, 11011000

#5d56d8
```
#5d56d8 rgb(93,86,216)
```
#d1d856
```
#d1d856 rgb(209,216,86)
```

Complementary Color

#5690d8
```
#5690d8 rgb(86,144,216)
```
#5d56d8
```
#5d56d8 rgb(93,86,216)
```
#9e56d8
```
#9e56d8 rgb(158,86,216)
```

Analogous Color

#90d856
```
#90d856 rgb(144,216,86)
```
#5d56d8
```
#5d56d8 rgb(93,86,216)
```
#d89e56
```
#d89e56 rgb(216,158,86)
```

Split Complementary Color

#56d85d
```
#56d85d rgb(86,216,93)
```
#5d56d8
```
#5d56d8 rgb(93,86,216)
```
#d85d56
```
#d85d56 rgb(216,93,86)
```

Triadic Color

#56d1d8
```
#56d1d8 rgb(86,209,216)
```
#5d56d8
```
#5d56d8 rgb(93,86,216)
```
#d85d56
```
#d85d56 rgb(216,93,86)
```
#d1d856
```
#d1d856 rgb(209,216,86)
```

Tetradic Color

#322ab7
```
#322ab7 rgb(50,42,183)
```
#382fcc
```
#382fcc rgb(56,47,204)
```
#4941d3
```
#4941d3 rgb(73,65,211)
```
#5d56d8
```
#5d56d8 rgb(93,86,216)
```
#716bdd
```
#716bdd rgb(113,107,221)
```
#857fe2
```
#857fe2 rgb(133,127,226)
```
#9994e6
```
#9994e6 rgb(153,148,230)
```

Monochromatic Color

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

#5670d8
```
#5670d8 rgb(86,112,216)
```
#5665d8
```
#5665d8 rgb(86,101,216)
```
#565ad8
```
#565ad8 rgb(86,90,216)
```
#5d56d8
```
#5d56d8 rgb(93,86,216)
```
#6856d8
```
#6856d8 rgb(104,86,216)
```
#7356d8
```
#7356d8 rgb(115,86,216)
```
#7e56d8
```
#7e56d8 rgb(126,86,216)
```

Similar Colors

Text with hexadecimal color #5d56d8

This text has a font color of #5d56d8.

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

#5d56d8 background color

This paragraph has a background color of #5d56d8.

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

#5d56d8 border color

This element has a border color of #5d56d8.

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

CSS codes

.text {color:#5d56d8;}

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

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

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

#020106
```
#020106 rgb(2,1,6)
```
#060516
```
#060516 rgb(6,5,22)
```
#0a0926
```
#0a0926 rgb(10,9,38)
```
#0f0c36
```
#0f0c36 rgb(15,12,54)
```
#131046
```
#131046 rgb(19,16,70)
```
#171456
```
#171456 rgb(23,20,86)
```
#1c1866
```
#1c1866 rgb(28,24,102)
```
#201b76
```
#201b76 rgb(32,27,118)
```
#241f86
```
#241f86 rgb(36,31,134)
```
#292396
```
#292396 rgb(41,35,150)
```
#2d26a6
```
#2d26a6 rgb(45,38,166)
```
#312ab6
```
#312ab6 rgb(49,42,182)
```
#362ec6
```
#362ec6 rgb(54,46,198)
```

Shade Color Variation

#3e36d1
```
#3e36d1 rgb(62,54,209)
```
#4e46d4
```
#4e46d4 rgb(78,70,212)
```
#5d56d8
```
#5d56d8 rgb(93,86,216)
```
#6c66dc
```
#6c66dc rgb(108,102,220)
```
#7c76df
```
#7c76df rgb(124,118,223)
```
#8b86e3
```
#8b86e3 rgb(139,134,227)
```
#9a96e7
```
#9a96e7 rgb(154,150,231)
```
#a9a6ea
```
#a9a6ea rgb(169,166,234)
```
#b9b6ee
```
#b9b6ee rgb(185,182,238)
```
#c8c6f2
```
#c8c6f2 rgb(200,198,242)
```
#d7d6f5
```
#d7d6f5 rgb(215,214,245)
```
#e6e5f9
```
#e6e5f9 rgb(230,229,249)
```
#f6f5fd
```
#f6f5fd rgb(246,245,253)
```

Tint Color Variation

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

#969698
```
#969698 rgb(150,150,152)
```
#8f8ea0
```
#8f8ea0 rgb(143,142,160)
```
#8886a8
```
#8886a8 rgb(136,134,168)
```
#817eb0
```
#817eb0 rgb(129,126,176)
```
#7a76b8
```
#7a76b8 rgb(122,118,184)
```
#726ec0
```
#726ec0 rgb(114,110,192)
```
#6b66c8
```
#6b66c8 rgb(107,102,200)
```
#645ed0
```
#645ed0 rgb(100,94,208)
```
#5d56d8
```
#5d56d8 rgb(93,86,216)
```
#564ee0
```
#564ee0 rgb(86,78,224)
```
#4f46e8
```
#4f46e8 rgb(79,70,232)
```
#483ef0
```
#483ef0 rgb(72,62,240)
```
#4036f8
```
#4036f8 rgb(64,54,248)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#65647e Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd4 Protanopia 1% of men
#0072bb Deuteranopia 1% of men
#357982 Tritanopia 0.001% of the population

Trichromacy

#2164d6 Protanomaly 1% of men, 0.01% of women
#2168c5 Deuteranomaly 6% of men, 0.4% of women
#436ca1 Tritanomaly 0.01% of the population

#5d56d8 hex color

#5d56d8 Color Information

#5d56d8 Color Conversion

Color Schemes with #5d56d8

Alternatives to #5d56d8

#5d56d8 Preview

Shades and Tints of #5d56d8

Tones of #5d56d8

Color Blindness Simulator