#5757ff hex color

In a RGB color space, hex #5757ff is composed of 34.1% red, 34.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 65.9% cyan, 65.9% magenta, 0% yellow and 0% black. It has a hue angle of 240 degrees, a saturation of 100% and a lightness of 67.1%. #5757ff color hex could be obtained by blending #aeaeff with #0000ff. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 34
- G 34
- B 100
RGB color chart
- C 66
- M 66
- Y 0
- K 0
CMYK color chart

● #5757ff color description : Light blue.

The hexadecimal color #5757ff has RGB values of R:87, G:87, B:255 and CMYK values of C:0.66, M:0.66, Y:0, K:0. Its decimal value is 5724159.

Hex triplet	5757ff	`#5757ff`
RGB Decimal	87, 87, 255	`rgb(87,87,255)`
RGB Percent	34.1, 34.1, 100	`rgb(34.1%,34.1%,100%)`
CMYK	66, 66, 0, 0
HSL	240°, 100, 67.1	`hsl(240,100%,67.1%)`
HSV (or HSB)	240°, 65.9, 100
Web Safe	6666ff	`#6666ff`

CIE-LAB	47.055, 50.208, -83.306
XYZ	25.385, 16.061, 96.365
xyY	0.184, 0.117, 16.061
CIE-LCH	47.055, 97.266, 301.077
CIE-LUV	47.055, -9.185, -127.279
Hunter-Lab	40.077, 42.931, -114.51
Binary	01010111, 01010111, 11111111

#5757ff
```
#5757ff rgb(87,87,255)
```
#ffff57
```
#ffff57 rgb(255,255,87)
```

Complementary Color

#57abff
```
#57abff rgb(87,171,255)
```
#5757ff
```
#5757ff rgb(87,87,255)
```
#ab57ff
```
#ab57ff rgb(171,87,255)
```

Analogous Color

#abff57
```
#abff57 rgb(171,255,87)
```
#5757ff
```
#5757ff rgb(87,87,255)
```
#ffab57
```
#ffab57 rgb(255,171,87)
```

Split Complementary Color

#57ff57
```
#57ff57 rgb(87,255,87)
```
#5757ff
```
#5757ff rgb(87,87,255)
```
#ff5757
```
#ff5757 rgb(255,87,87)
```

Triadic Color

#57ffff
```
#57ffff rgb(87,255,255)
```
#5757ff
```
#5757ff rgb(87,87,255)
```
#ff5757
```
#ff5757 rgb(255,87,87)
```
#ffff57
```
#ffff57 rgb(255,255,87)
```

Tetradic Color

#0b0bff
```
#0b0bff rgb(11,11,255)
```
#2424ff
```
#2424ff rgb(36,36,255)
```
#3e3eff
```
#3e3eff rgb(62,62,255)
```
#5757ff
```
#5757ff rgb(87,87,255)
```
#7171ff
```
#7171ff rgb(113,113,255)
```
#8a8aff
```
#8a8aff rgb(138,138,255)
```
#a4a4ff
```
#a4a4ff rgb(164,164,255)
```

Monochromatic Color

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

#5781ff
```
#5781ff rgb(87,129,255)
```
#5773ff
```
#5773ff rgb(87,115,255)
```
#5765ff
```
#5765ff rgb(87,101,255)
```
#5757ff
```
#5757ff rgb(87,87,255)
```
#6557ff
```
#6557ff rgb(101,87,255)
```
#7357ff
```
#7357ff rgb(115,87,255)
```
#8157ff
```
#8157ff rgb(129,87,255)
```

Similar Colors

Text with hexadecimal color #5757ff

This text has a font color of #5757ff.

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

#5757ff background color

This paragraph has a background color of #5757ff.

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

#5757ff border color

This element has a border color of #5757ff.

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

CSS codes

.text {color:#5757ff;}

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

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

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

#000009
```
#000009 rgb(0,0,9)
```
#00001c
```
#00001c rgb(0,0,28)
```
#000030
```
#000030 rgb(0,0,48)
```
#000043
```
#000043 rgb(0,0,67)
```
#000057
```
#000057 rgb(0,0,87)
```
#00006b
```
#00006b rgb(0,0,107)
```
#00007e
```
#00007e rgb(0,0,126)
```
#000092
```
#000092 rgb(0,0,146)
```
#0000a5
```
#0000a5 rgb(0,0,165)
```
#0000b9
```
#0000b9 rgb(0,0,185)
```
#0000cd
```
#0000cd rgb(0,0,205)
```
#0000e0
```
#0000e0 rgb(0,0,224)
```
#0000f4
```
#0000f4 rgb(0,0,244)
```

Shade Color Variation

#0909ff
```
#0909ff rgb(9,9,255)
```
#1c1cff
```
#1c1cff rgb(28,28,255)
```
#3030ff
```
#3030ff rgb(48,48,255)
```
#4343ff
```
#4343ff rgb(67,67,255)
```
#5757ff
```
#5757ff rgb(87,87,255)
```
#6b6bff
```
#6b6bff rgb(107,107,255)
```
#7e7eff
```
#7e7eff rgb(126,126,255)
```
#9292ff
```
#9292ff rgb(146,146,255)
```
#a5a5ff
```
#a5a5ff rgb(165,165,255)
```
#b9b9ff
```
#b9b9ff rgb(185,185,255)
```
#cdcdff
```
#cdcdff rgb(205,205,255)
```
#e0e0ff
```
#e0e0ff rgb(224,224,255)
```
#f4f4ff
```
#f4f4ff rgb(244,244,255)
```

Tint Color Variation

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

#a5a5b1
```
#a5a5b1 rgb(165,165,177)
```
#9e9eb8
```
#9e9eb8 rgb(158,158,184)
```
#9898be
```
#9898be rgb(152,152,190)
```
#9191c5
```
#9191c5 rgb(145,145,197)
```
#8b8bcb
```
#8b8bcb rgb(139,139,203)
```
#8484d2
```
#8484d2 rgb(132,132,210)
```
#7e7ed8
```
#7e7ed8 rgb(126,126,216)
```
#7777df
```
#7777df rgb(119,119,223)
```
#7171e5
```
#7171e5 rgb(113,113,229)
```
#6a6aec
```
#6a6aec rgb(106,106,236)
```
#6464f2
```
#6464f2 rgb(100,100,242)
```
#5d5df9
```
#5d5df9 rgb(93,93,249)
```
#5757ff
```
#5757ff rgb(87,87,255)
```

Tone Color Variation

Below, you can see how #5757ff 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

#6a6a6a Achromatopsia 0.005% of the population
#666688 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e1 Protanopia 1% of men
#007ac4 Deuteranopia 1% of men
#00828a Tritanopia 0.001% of the population

Trichromacy

#1f69ec Protanomaly 1% of men, 0.01% of women
#1f6dd9 Deuteranomaly 6% of men, 0.4% of women
#1f72b5 Tritanomaly 0.01% of the population

#5757ff hex color

#5757ff Color Information

#5757ff Color Conversion

Color Schemes with #5757ff

Alternatives to #5757ff

#5757ff Preview

Shades and Tints of #5757ff

Tones of #5757ff

Color Blindness Simulator