#5756c5 hex color

In a RGB color space, hex #5756c5 is composed of 34.1% red, 33.7% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 55.8% cyan, 56.3% magenta, 0% yellow and 22.7% black. It has a hue angle of 240.5 degrees, a saturation of 48.9% and a lightness of 55.5%. #5756c5 color hex could be obtained by blending #aeacff with #00008b. Closest websafe color is: #6666cc.

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

● #5756c5 color description : Moderate blue.

The hexadecimal color #5756c5 has RGB values of R:87, G:86, B:197 and CMYK values of C:0.56, M:0.56, Y:0, K:0.23. Its decimal value is 5723845.

Hex triplet	5756c5	`#5756c5`
RGB Decimal	87, 86, 197	`rgb(87,86,197)`
RGB Percent	34.1, 33.7, 77.3	`rgb(34.1%,33.7%,77.3%)`
CMYK	56, 56, 0, 23
HSL	240.5°, 48.9, 55.5	`hsl(240.5,48.9%,55.5%)`
HSV (or HSB)	240.5°, 56.3, 77.3
Web Safe	6666cc	`#6666cc`

CIE-LAB	42.327, 32.14, -58.098
XYZ	17.334, 12.712, 54.361
xyY	0.205, 0.151, 12.712
CIE-LCH	42.327, 66.396, 298.951
CIE-LUV	42.327, -6.052, -88.058
Hunter-Lab	35.654, 24.387, -65.439
Binary	01010111, 01010110, 11000101

#5756c5
```
#5756c5 rgb(87,86,197)
```
#c4c556
```
#c4c556 rgb(196,197,86)
```

Complementary Color

#568dc5
```
#568dc5 rgb(86,141,197)
```
#5756c5
```
#5756c5 rgb(87,86,197)
```
#8f56c5
```
#8f56c5 rgb(143,86,197)
```

Analogous Color

#8dc556
```
#8dc556 rgb(141,197,86)
```
#5756c5
```
#5756c5 rgb(87,86,197)
```
#c58f56
```
#c58f56 rgb(197,143,86)
```

Split Complementary Color

#56c557
```
#56c557 rgb(86,197,87)
```
#5756c5
```
#5756c5 rgb(87,86,197)
```
#c55756
```
#c55756 rgb(197,87,86)
```

Triadic Color

#56c4c5
```
#56c4c5 rgb(86,196,197)
```
#5756c5
```
#5756c5 rgb(87,86,197)
```
#c55756
```
#c55756 rgb(197,87,86)
```
#c4c556
```
#c4c556 rgb(196,197,86)
```

Tetradic Color

#36359a
```
#36359a rgb(54,53,154)
```
#3c3bad
```
#3c3bad rgb(60,59,173)
```
#4443be
```
#4443be rgb(68,67,190)
```
#5756c5
```
#5756c5 rgb(87,86,197)
```
#6a69cc
```
#6a69cc rgb(106,105,204)
```
#7d7cd2
```
#7d7cd2 rgb(125,124,210)
```
#908fd9
```
#908fd9 rgb(144,143,217)
```

Monochromatic Color

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

#5671c5
```
#5671c5 rgb(86,113,197)
```
#5668c5
```
#5668c5 rgb(86,104,197)
```
#565ec5
```
#565ec5 rgb(86,94,197)
```
#5756c5
```
#5756c5 rgb(87,86,197)
```
#6056c5
```
#6056c5 rgb(96,86,197)
```
#6a56c5
```
#6a56c5 rgb(106,86,197)
```
#7356c5
```
#7356c5 rgb(115,86,197)
```

Similar Colors

Text with hexadecimal color #5756c5

This text has a font color of #5756c5.

<span style="color:#5756c5;">Text here</span>

#5756c5 background color

This paragraph has a background color of #5756c5.

<p style="background-color:#5756c5;">Content here</p>

#5756c5 border color

This element has a border color of #5756c5.

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

CSS codes

.text {color:#5756c5;}

.background {background-color:#5756c5;}

.border {border:1px solid #5756c5;}

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

#020206
```
#020206 rgb(2,2,6)
```
#070715
```
#070715 rgb(7,7,21)
```
#0c0c23
```
#0c0c23 rgb(12,12,35)
```
#111132
```
#111132 rgb(17,17,50)
```
#171641
```
#171641 rgb(23,22,65)
```
#1c1b4f
```
#1c1b4f rgb(28,27,79)
```
#21205e
```
#21205e rgb(33,32,94)
```
#26256c
```
#26256c rgb(38,37,108)
```
#2b2a7b
```
#2b2a7b rgb(43,42,123)
```
#302f8a
```
#302f8a rgb(48,47,138)
```
#353498
```
#353498 rgb(53,52,152)
```
#3a39a7
```
#3a39a7 rgb(58,57,167)
```
#3f3eb5
```
#3f3eb5 rgb(63,62,181)
```

Shade Color Variation

#4847c0
```
#4847c0 rgb(72,71,192)
```
#5756c5
```
#5756c5 rgb(87,86,197)
```
#6665ca
```
#6665ca rgb(102,101,202)
```
#7473cf
```
#7473cf rgb(116,115,207)
```
#8382d4
```
#8382d4 rgb(131,130,212)
```
#9190d9
```
#9190d9 rgb(145,144,217)
```
#a09fde
```
#a09fde rgb(160,159,222)
```
#aeaee3
```
#aeaee3 rgb(174,174,227)
```
#bdbce8
```
#bdbce8 rgb(189,188,232)
```
#cbcbed
```
#cbcbed rgb(203,203,237)
```
#dad9f2
```
#dad9f2 rgb(218,217,242)
```
#e8e8f7
```
#e8e8f7 rgb(232,232,247)
```
#f7f7fc
```
#f7f7fc rgb(247,247,252)
```

Tint Color Variation

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

#8a8a91
```
#8a8a91 rgb(138,138,145)
```
#828299
```
#828299 rgb(130,130,153)
```
#7979a2
```
#7979a2 rgb(121,121,162)
```
#7170ab
```
#7170ab rgb(113,112,171)
```
#6867b4
```
#6867b4 rgb(104,103,180)
```
#605fbc
```
#605fbc rgb(96,95,188)
```
#5756c5
```
#5756c5 rgb(87,86,197)
```
#4e4dce
```
#4e4dce rgb(78,77,206)
```
#4645d6
```
#4645d6 rgb(70,69,214)
```
#3d3cdf
```
#3d3cdf rgb(61,60,223)
```
#3533e8
```
#3533e8 rgb(53,51,232)
```
#2c2af1
```
#2c2af1 rgb(44,42,241)
```
#2422f9
```
#2422f9 rgb(36,34,249)
```

Tone Color Variation

Below, you can see how #5756c5 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

#636363 Achromatopsia 0.005% of the population
#616077 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068cd Protanopia 1% of men
#006eb5 Deuteranopia 1% of men
#3a747c Tritanopia 0.001% of the population

Trichromacy

#1f61ca Protanomaly 1% of men, 0.01% of women
#1f65ba Deuteranomaly 6% of men, 0.4% of women
#446996 Tritanomaly 0.01% of the population

#5756c5 hex color

#5756c5 Color Information

#5756c5 Color Conversion

Color Schemes with #5756c5

Alternatives to #5756c5

#5756c5 Preview

Shades and Tints of #5756c5

Tones of #5756c5

Color Blindness Simulator