#5756c1 hex color

In a RGB color space, hex #5756c1 is composed of 34.1% red, 33.7% green and 75.7% blue. Whereas in a CMYK color space, it is composed of 54.9% cyan, 55.4% magenta, 0% yellow and 24.3% black. It has a hue angle of 240.6 degrees, a saturation of 46.3% and a lightness of 54.7%. #5756c1 color hex could be obtained by blending #aeacff with #000083. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 34
- G 34
- B 76
RGB color chart
- C 55
- M 55
- Y 0
- K 24
CMYK color chart

● #5756c1 color description : Moderate blue.

The hexadecimal color #5756c1 has RGB values of R:87, G:86, B:193 and CMYK values of C:0.55, M:0.55, Y:0, K:0.24. Its decimal value is 5723841.

Hex triplet	5756c1	`#5756c1`
RGB Decimal	87, 86, 193	`rgb(87,86,193)`
RGB Percent	34.1, 33.7, 75.7	`rgb(34.1%,33.7%,75.7%)`
CMYK	55, 55, 0, 24
HSL	240.6°, 46.3, 54.7	`hsl(240.6,46.3%,54.7%)`
HSV (or HSB)	240.6°, 55.4, 75.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	42.049, 30.85, -56.225
XYZ	16.882, 12.531, 51.978
xyY	0.207, 0.154, 12.531
CIE-LCH	42.049, 64.133, 298.753
CIE-LUV	42.049, -5.834, -85.13
Hunter-Lab	35.4, 23.176, -62.277
Binary	01010111, 01010110, 11000001

#5756c1
```
#5756c1 rgb(87,86,193)
```
#c0c156
```
#c0c156 rgb(192,193,86)
```

Complementary Color

#568bc1
```
#568bc1 rgb(86,139,193)
```
#5756c1
```
#5756c1 rgb(87,86,193)
```
#8d56c1
```
#8d56c1 rgb(141,86,193)
```

Analogous Color

#8bc156
```
#8bc156 rgb(139,193,86)
```
#5756c1
```
#5756c1 rgb(87,86,193)
```
#c18d56
```
#c18d56 rgb(193,141,86)
```

Split Complementary Color

#56c157
```
#56c157 rgb(86,193,87)
```
#5756c1
```
#5756c1 rgb(87,86,193)
```
#c15756
```
#c15756 rgb(193,87,86)
```

Triadic Color

#56c0c1
```
#56c0c1 rgb(86,192,193)
```
#5756c1
```
#5756c1 rgb(87,86,193)
```
#c15756
```
#c15756 rgb(193,87,86)
```
#c0c156
```
#c0c156 rgb(192,193,86)
```

Tetradic Color

#373694
```
#373694 rgb(55,54,148)
```
#3e3da7
```
#3e3da7 rgb(62,61,167)
```
#4544b9
```
#4544b9 rgb(69,68,185)
```
#5756c1
```
#5756c1 rgb(87,86,193)
```
#6a69c8
```
#6a69c8 rgb(106,105,200)
```
#7c7bcf
```
#7c7bcf rgb(124,123,207)
```
#8f8ed6
```
#8f8ed6 rgb(143,142,214)
```

Monochromatic Color

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

#5670c1
```
#5670c1 rgb(86,112,193)
```
#5667c1
```
#5667c1 rgb(86,103,193)
```
#565ec1
```
#565ec1 rgb(86,94,193)
```
#5756c1
```
#5756c1 rgb(87,86,193)
```
#6056c1
```
#6056c1 rgb(96,86,193)
```
#6956c1
```
#6956c1 rgb(105,86,193)
```
#7256c1
```
#7256c1 rgb(114,86,193)
```

Similar Colors

Text with hexadecimal color #5756c1

This text has a font color of #5756c1.

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

#5756c1 background color

This paragraph has a background color of #5756c1.

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

#5756c1 border color

This element has a border color of #5756c1.

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

CSS codes

.text {color:#5756c1;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#070612
```
#070612 rgb(7,6,18)
```
#0c0c20
```
#0c0c20 rgb(12,12,32)
```
#11112e
```
#11112e rgb(17,17,46)
```
#17163d
```
#17163d rgb(23,22,61)
```
#1c1c4b
```
#1c1c4b rgb(28,28,75)
```
#212159
```
#212159 rgb(33,33,89)
```
#272668
```
#272668 rgb(39,38,104)
```
#2c2b76
```
#2c2b76 rgb(44,43,118)
```
#313184
```
#313184 rgb(49,49,132)
```
#373693
```
#373693 rgb(55,54,147)
```
#3c3ba1
```
#3c3ba1 rgb(60,59,161)
```
#4140af
```
#4140af rgb(65,64,175)
```

Shade Color Variation

#4948bc
```
#4948bc rgb(73,72,188)
```
#5756c1
```
#5756c1 rgb(87,86,193)
```
#6564c6
```
#6564c6 rgb(101,100,198)
```
#7473cc
```
#7473cc rgb(116,115,204)
```
#8281d1
```
#8281d1 rgb(130,129,209)
```
#908fd6
```
#908fd6 rgb(144,143,214)
```
#9e9edb
```
#9e9edb rgb(158,158,219)
```
#adace1
```
#adace1 rgb(173,172,225)
```
#bbbae6
```
#bbbae6 rgb(187,186,230)
```
#c9c9eb
```
#c9c9eb rgb(201,201,235)
```
#d7d7f0
```
#d7d7f0 rgb(215,215,240)
```
#e6e6f6
```
#e6e6f6 rgb(230,230,246)
```
#f4f4fb
```
#f4f4fb rgb(244,244,251)
```

Tint Color Variation

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

#8b8b8c
```
#8b8b8c rgb(139,139,140)
```
#838295
```
#838295 rgb(131,130,149)
```
#7a7a9d
```
#7a7a9d rgb(122,122,157)
```
#7171a6
```
#7171a6 rgb(113,113,166)
```
#6868af
```
#6868af rgb(104,104,175)
```
#605fb8
```
#605fb8 rgb(96,95,184)
```
#5756c1
```
#5756c1 rgb(87,86,193)
```
#4e4dca
```
#4e4dca rgb(78,77,202)
```
#4644d3
```
#4644d3 rgb(70,68,211)
```
#3d3bdc
```
#3d3bdc rgb(61,59,220)
```
#3432e5
```
#3432e5 rgb(52,50,229)
```
#2b2aed
```
#2b2aed rgb(43,42,237)
```
#2321f6
```
#2321f6 rgb(35,33,246)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#606075 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067cc Protanopia 1% of men
#006db4 Deuteranopia 1% of men
#3d737b Tritanopia 0.001% of the population

Trichromacy

#1f61c8 Protanomaly 1% of men, 0.01% of women
#1f64b9 Deuteranomaly 6% of men, 0.4% of women
#466894 Tritanomaly 0.01% of the population

#5756c1 hex color

#5756c1 Color Information

#5756c1 Color Conversion

Color Schemes with #5756c1

Alternatives to #5756c1

#5756c1 Preview

Shades and Tints of #5756c1

Tones of #5756c1

Color Blindness Simulator