#5756e0 hex color

In a RGB color space, hex #5756e0 is composed of 34.1% red, 33.7% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 61.2% cyan, 61.6% magenta, 0% yellow and 12.2% black. It has a hue angle of 240.4 degrees, a saturation of 69% and a lightness of 60.8%. #5756e0 color hex could be obtained by blending #aeacff with #0000c1. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 34
- G 34
- B 88
RGB color chart
- C 61
- M 62
- Y 0
- K 12
CMYK color chart

● #5756e0 color description : Soft blue.

The hexadecimal color #5756e0 has RGB values of R:87, G:86, B:224 and CMYK values of C:0.61, M:0.62, Y:0, K:0.12. Its decimal value is 5723872.

Hex triplet	5756e0	`#5756e0`
RGB Decimal	87, 86, 224	`rgb(87,86,224)`
RGB Percent	34.1, 33.7, 87.8	`rgb(34.1%,33.7%,87.8%)`
CMYK	61, 62, 0, 12
HSL	240.4°, 69, 60.8	`hsl(240.4,69%,60.8%)`
HSV (or HSB)	240.4°, 61.6, 87.8
Web Safe	6666cc	`#6666cc`

CIE-LAB	44.323, 40.863, -70.351
XYZ	20.71, 14.063, 72.14
xyY	0.194, 0.132, 14.063
CIE-LCH	44.323, 81.357, 300.15
CIE-LUV	44.323, -7.466, -107.098
Hunter-Lab	37.5, 32.954, -87.807
Binary	01010111, 01010110, 11100000

#5756e0
```
#5756e0 rgb(87,86,224)
```
#dfe056
```
#dfe056 rgb(223,224,86)
```

Complementary Color

#569ae0
```
#569ae0 rgb(86,154,224)
```
#5756e0
```
#5756e0 rgb(87,86,224)
```
#9c56e0
```
#9c56e0 rgb(156,86,224)
```

Analogous Color

#9ae056
```
#9ae056 rgb(154,224,86)
```
#5756e0
```
#5756e0 rgb(87,86,224)
```
#e09c56
```
#e09c56 rgb(224,156,86)
```

Split Complementary Color

#56e057
```
#56e057 rgb(86,224,87)
```
#5756e0
```
#5756e0 rgb(87,86,224)
```
#e05756
```
#e05756 rgb(224,87,86)
```

Triadic Color

#56dfe0
```
#56dfe0 rgb(86,223,224)
```
#5756e0
```
#5756e0 rgb(87,86,224)
```
#e05756
```
#e05756 rgb(224,87,86)
```
#dfe056
```
#dfe056 rgb(223,224,86)
```

Tetradic Color

#2524c5
```
#2524c5 rgb(37,36,197)
```
#2c2bd8
```
#2c2bd8 rgb(44,43,216)
```
#4240dc
```
#4240dc rgb(66,64,220)
```
#5756e0
```
#5756e0 rgb(87,86,224)
```
#6c6ce4
```
#6c6ce4 rgb(108,108,228)
```
#8281e8
```
#8281e8 rgb(130,129,232)
```
#9797ec
```
#9797ec rgb(151,151,236)
```

Monochromatic Color

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

#5678e0
```
#5678e0 rgb(86,120,224)
```
#566ce0
```
#566ce0 rgb(86,108,224)
```
#5661e0
```
#5661e0 rgb(86,97,224)
```
#5756e0
```
#5756e0 rgb(87,86,224)
```
#6256e0
```
#6256e0 rgb(98,86,224)
```
#6e56e0
```
#6e56e0 rgb(110,86,224)
```
#7a56e0
```
#7a56e0 rgb(122,86,224)
```

Similar Colors

Text with hexadecimal color #5756e0

This text has a font color of #5756e0.

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

#5756e0 background color

This paragraph has a background color of #5756e0.

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

#5756e0 border color

This element has a border color of #5756e0.

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

CSS codes

.text {color:#5756e0;}

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

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

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, #03020d is the darkest color, while #fcfcfe is the lightest one.

#03020d
```
#03020d rgb(3,2,13)
```
#06051e
```
#06051e rgb(6,5,30)
```
#09092e
```
#09092e rgb(9,9,46)
```
#0c0c3f
```
#0c0c3f rgb(12,12,63)
```
#0f0f50
```
#0f0f50 rgb(15,15,80)
```
#121260
```
#121260 rgb(18,18,96)
```
#151571
```
#151571 rgb(21,21,113)
```
#181881
```
#181881 rgb(24,24,129)
```
#1c1b92
```
#1c1b92 rgb(28,27,146)
```
#1f1ea3
```
#1f1ea3 rgb(31,30,163)
```
#2221b3
```
#2221b3 rgb(34,33,179)
```
#2524c4
```
#2524c4 rgb(37,36,196)
```
#2827d4
```
#2827d4 rgb(40,39,212)
```

Shade Color Variation

#3635da
```
#3635da rgb(54,53,218)
```
#4745dd
```
#4745dd rgb(71,69,221)
```
#5756e0
```
#5756e0 rgb(87,86,224)
```
#6767e3
```
#6767e3 rgb(103,103,227)
```
#7877e6
```
#7877e6 rgb(120,119,230)
```
#8888e9
```
#8888e9 rgb(136,136,233)
```
#9998ec
```
#9998ec rgb(153,152,236)
```
#a9a9ef
```
#a9a9ef rgb(169,169,239)
```
#bab9f2
```
#bab9f2 rgb(186,185,242)
```
#cacaf5
```
#cacaf5 rgb(202,202,245)
```
#dbdbf8
```
#dbdbf8 rgb(219,219,248)
```
#ebebfb
```
#ebebfb rgb(235,235,251)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9494a2 is the less saturated color, while #3937ff is the most saturated one.

#9494a2
```
#9494a2 rgb(148,148,162)
```
#8c8caa
```
#8c8caa rgb(140,140,170)
```
#8484b2
```
#8484b2 rgb(132,132,178)
```
#7d7cba
```
#7d7cba rgb(125,124,186)
```
#7575c1
```
#7575c1 rgb(117,117,193)
```
#6e6dc9
```
#6e6dc9 rgb(110,109,201)
```
#6665d1
```
#6665d1 rgb(102,101,209)
```
#5f5ed8
```
#5f5ed8 rgb(95,94,216)
```
#5756e0
```
#5756e0 rgb(87,86,224)
```
#4f4ee8
```
#4f4ee8 rgb(79,78,232)
```
#4847ef
```
#4847ef rgb(72,71,239)
```
#403ff7
```
#403ff7 rgb(64,63,247)
```
#3937ff
```
#3937ff rgb(57,55,255)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#63637e Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd5 Protanopia 1% of men
#0073bb Deuteranopia 1% of men
#0d7b84 Tritanopia 0.001% of the population

Trichromacy

#1f64d9 Protanomaly 1% of men, 0.01% of women
#1f68c8 Deuteranomaly 6% of men, 0.4% of women
#286da5 Tritanomaly 0.01% of the population

#5756e0 hex color

#5756e0 Color Information

#5756e0 Color Conversion

Color Schemes with #5756e0

Alternatives to #5756e0

#5756e0 Preview

Shades and Tints of #5756e0

Tones of #5756e0

Color Blindness Simulator