#5757c4 hex color

In a RGB color space, hex #5757c4 is composed of 34.1% red, 34.1% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 55.6% cyan, 55.6% magenta, 0% yellow and 23.1% black. It has a hue angle of 240 degrees, a saturation of 48% and a lightness of 55.5%. #5757c4 color hex could be obtained by blending #aeaeff with #000089. 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

● #5757c4 color description : Moderate blue.

The hexadecimal color #5757c4 has RGB values of R:87, G:87, B:196 and CMYK values of C:0.56, M:0.56, Y:0, K:0.23. Its decimal value is 5724100.

Hex triplet	5757c4	`#5757c4`
RGB Decimal	87, 87, 196	`rgb(87,87,196)`
RGB Percent	34.1, 34.1, 76.9	`rgb(34.1%,34.1%,76.9%)`
CMYK	56, 56, 0, 23
HSL	240°, 48, 55.5	`hsl(240,48%,55.5%)`
HSV (or HSB)	240°, 55.6, 76.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	42.502, 31.199, -57.234
XYZ	17.301, 12.827, 53.786
xyY	0.206, 0.153, 12.827
CIE-LCH	42.502, 65.186, 298.595
CIE-LUV	42.502, -6.269, -86.866
Hunter-Lab	35.815, 23.547, -63.968
Binary	01010111, 01010111, 11000100

#5757c4
```
#5757c4 rgb(87,87,196)
```
#c4c457
```
#c4c457 rgb(196,196,87)
```

Complementary Color

#578ec4
```
#578ec4 rgb(87,142,196)
```
#5757c4
```
#5757c4 rgb(87,87,196)
```
#8e57c4
```
#8e57c4 rgb(142,87,196)
```

Analogous Color

#8ec457
```
#8ec457 rgb(142,196,87)
```
#5757c4
```
#5757c4 rgb(87,87,196)
```
#c48e57
```
#c48e57 rgb(196,142,87)
```

Split Complementary Color

#57c457
```
#57c457 rgb(87,196,87)
```
#5757c4
```
#5757c4 rgb(87,87,196)
```
#c45757
```
#c45757 rgb(196,87,87)
```

Triadic Color

#57c4c4
```
#57c4c4 rgb(87,196,196)
```
#5757c4
```
#5757c4 rgb(87,87,196)
```
#c45757
```
#c45757 rgb(196,87,87)
```
#c4c457
```
#c4c457 rgb(196,196,87)
```

Tetradic Color

#363699
```
#363699 rgb(54,54,153)
```
#3c3cac
```
#3c3cac rgb(60,60,172)
```
#4444bd
```
#4444bd rgb(68,68,189)
```
#5757c4
```
#5757c4 rgb(87,87,196)
```
#6a6acb
```
#6a6acb rgb(106,106,203)
```
#7d7dd1
```
#7d7dd1 rgb(125,125,209)
```
#9090d8
```
#9090d8 rgb(144,144,216)
```

Monochromatic Color

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

#5772c4
```
#5772c4 rgb(87,114,196)
```
#5769c4
```
#5769c4 rgb(87,105,196)
```
#5760c4
```
#5760c4 rgb(87,96,196)
```
#5757c4
```
#5757c4 rgb(87,87,196)
```
#6057c4
```
#6057c4 rgb(96,87,196)
```
#6957c4
```
#6957c4 rgb(105,87,196)
```
#7257c4
```
#7257c4 rgb(114,87,196)
```

Similar Colors

Text with hexadecimal color #5757c4

This text has a font color of #5757c4.

<span style="color:#5757c4;">Text here</span>

#5757c4 background color

This paragraph has a background color of #5757c4.

<p style="background-color:#5757c4;">Content here</p>

#5757c4 border color

This element has a border color of #5757c4.

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

CSS codes

.text {color:#5757c4;}

.background {background-color:#5757c4;}

.border {border:1px solid #5757c4;}

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)
```
#171740
```
#171740 rgb(23,23,64)
```
#1c1c4f
```
#1c1c4f rgb(28,28,79)
```
#21215d
```
#21215d rgb(33,33,93)
```
#26266c
```
#26266c rgb(38,38,108)
```
#2b2b7a
```
#2b2b7a rgb(43,43,122)
```
#303089
```
#303089 rgb(48,48,137)
```
#353597
```
#353597 rgb(53,53,151)
```
#3a3aa6
```
#3a3aa6 rgb(58,58,166)
```
#3f3fb4
```
#3f3fb4 rgb(63,63,180)
```

Shade Color Variation

#4848bf
```
#4848bf rgb(72,72,191)
```
#5757c4
```
#5757c4 rgb(87,87,196)
```
#6666c9
```
#6666c9 rgb(102,102,201)
```
#7474ce
```
#7474ce rgb(116,116,206)
```
#8383d3
```
#8383d3 rgb(131,131,211)
```
#9191d8
```
#9191d8 rgb(145,145,216)
```
#a0a0dd
```
#a0a0dd rgb(160,160,221)
```
#aeaee3
```
#aeaee3 rgb(174,174,227)
```
#bdbde8
```
#bdbde8 rgb(189,189,232)
```
#cbcbed
```
#cbcbed rgb(203,203,237)
```
#dadaf2
```
#dadaf2 rgb(218,218,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, #8b8b90 is the less saturated color, while #2323f8 is the most saturated one.

#8b8b90
```
#8b8b90 rgb(139,139,144)
```
#838398
```
#838398 rgb(131,131,152)
```
#7a7aa1
```
#7a7aa1 rgb(122,122,161)
```
#7171aa
```
#7171aa rgb(113,113,170)
```
#6868b3
```
#6868b3 rgb(104,104,179)
```
#6060bb
```
#6060bb rgb(96,96,187)
```
#5757c4
```
#5757c4 rgb(87,87,196)
```
#4e4ecd
```
#4e4ecd rgb(78,78,205)
```
#4646d5
```
#4646d5 rgb(70,70,213)
```
#3d3dde
```
#3d3dde rgb(61,61,222)
```
#3434e7
```
#3434e7 rgb(52,52,231)
```
#2b2bf0
```
#2b2bf0 rgb(43,43,240)
```
#2323f8
```
#2323f8 rgb(35,35,248)
```

Tone Color Variation

Below, you can see how #5757c4 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
#616176 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068ce Protanopia 1% of men
#006eb6 Deuteranopia 1% of men
#3b747c Tritanopia 0.001% of the population

Trichromacy

#1f62ca Protanomaly 1% of men, 0.01% of women
#1f65bb Deuteranomaly 6% of men, 0.4% of women
#456996 Tritanomaly 0.01% of the population

#5757c4 hex color

#5757c4 Color Information

#5757c4 Color Conversion

Color Schemes with #5757c4

Alternatives to #5757c4

#5757c4 Preview

Shades and Tints of #5757c4

Tones of #5757c4

Color Blindness Simulator