#5557ff hex color

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

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

● #5557ff color description : Light blue.

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

Hex triplet	5557ff	`#5557ff`
RGB Decimal	85, 87, 255	`rgb(85,87,255)`
RGB Percent	33.3, 34.1, 100	`rgb(33.3%,34.1%,100%)`
CMYK	67, 66, 0, 0
HSL	239.3°, 100, 66.7	`hsl(239.3,100%,66.7%)`
HSV (or HSB)	239.3°, 66.7, 100
Web Safe	6666ff	`#6666ff`

CIE-LAB	46.93, 49.964, -83.515
XYZ	25.201, 15.966, 96.356
xyY	0.183, 0.116, 15.966
CIE-LCH	46.93, 97.32, 300.89
CIE-LUV	46.93, -9.643, -127.415
Hunter-Lab	39.958, 42.651, -115.004
Binary	01010101, 01010111, 11111111

#5557ff
```
#5557ff rgb(85,87,255)
```
#fffd55
```
#fffd55 rgb(255,253,85)
```

Complementary Color

#55acff
```
#55acff rgb(85,172,255)
```
#5557ff
```
#5557ff rgb(85,87,255)
```
#a855ff
```
#a855ff rgb(168,85,255)
```

Analogous Color

#acff55
```
#acff55 rgb(172,255,85)
```
#5557ff
```
#5557ff rgb(85,87,255)
```
#ffa855
```
#ffa855 rgb(255,168,85)
```

Split Complementary Color

#57ff55
```
#57ff55 rgb(87,255,85)
```
#5557ff
```
#5557ff rgb(85,87,255)
```
#ff5557
```
#ff5557 rgb(255,85,87)
```

Triadic Color

#55fffd
```
#55fffd rgb(85,255,253)
```
#5557ff
```
#5557ff rgb(85,87,255)
```
#ff5557
```
#ff5557 rgb(255,85,87)
```
#fffd55
```
#fffd55 rgb(255,253,85)
```

Tetradic Color

#080bff
```
#080bff rgb(8,11,255)
```
#2225ff
```
#2225ff rgb(34,37,255)
```
#3c3eff
```
#3c3eff rgb(60,62,255)
```
#5557ff
```
#5557ff rgb(85,87,255)
```
#6f70ff
```
#6f70ff rgb(111,112,255)
```
#8889ff
```
#8889ff rgb(136,137,255)
```
#a2a3ff
```
#a2a3ff rgb(162,163,255)
```

Monochromatic Color

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

#5582ff
```
#5582ff rgb(85,130,255)
```
#5573ff
```
#5573ff rgb(85,115,255)
```
#5565ff
```
#5565ff rgb(85,101,255)
```
#5557ff
```
#5557ff rgb(85,87,255)
```
#6155ff
```
#6155ff rgb(97,85,255)
```
#6f55ff
```
#6f55ff rgb(111,85,255)
```
#7e55ff
```
#7e55ff rgb(126,85,255)
```

Similar Colors

Text with hexadecimal color #5557ff

This text has a font color of #5557ff.

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

#5557ff background color

This paragraph has a background color of #5557ff.

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

#5557ff border color

This element has a border color of #5557ff.

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

CSS codes

.text {color:#5557ff;}

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

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

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

#000007
```
#000007 rgb(0,0,7)
```
#00001a
```
#00001a rgb(0,0,26)
```
#00012e
```
#00012e rgb(0,1,46)
```
#000141
```
#000141 rgb(0,1,65)
```
#000155
```
#000155 rgb(0,1,85)
```
#000169
```
#000169 rgb(0,1,105)
```
#00017c
```
#00017c rgb(0,1,124)
```
#000290
```
#000290 rgb(0,2,144)
```
#0002a3
```
#0002a3 rgb(0,2,163)
```
#0002b7
```
#0002b7 rgb(0,2,183)
```
#0002cb
```
#0002cb rgb(0,2,203)
```
#0003de
```
#0003de rgb(0,3,222)
```
#0003f2
```
#0003f2 rgb(0,3,242)
```

Shade Color Variation

#0709ff
```
#0709ff rgb(7,9,255)
```
#1a1dff
```
#1a1dff rgb(26,29,255)
```
#2e30ff
```
#2e30ff rgb(46,48,255)
```
#4144ff
```
#4144ff rgb(65,68,255)
```
#5557ff
```
#5557ff rgb(85,87,255)
```
#696aff
```
#696aff rgb(105,106,255)
```
#7c7eff
```
#7c7eff rgb(124,126,255)
```
#9091ff
```
#9091ff rgb(144,145,255)
```
#a3a5ff
```
#a3a5ff rgb(163,165,255)
```
#b7b8ff
```
#b7b8ff rgb(183,184,255)
```
#cbcbff
```
#cbcbff rgb(203,203,255)
```
#dedfff
```
#dedfff rgb(222,223,255)
```
#f2f2ff
```
#f2f2ff rgb(242,242,255)
```

Tint Color Variation

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

#a3a4b1
```
#a3a4b1 rgb(163,164,177)
```
#9d9db7
```
#9d9db7 rgb(157,157,183)
```
#9697be
```
#9697be rgb(150,151,190)
```
#9090c4
```
#9090c4 rgb(144,144,196)
```
#898acb
```
#898acb rgb(137,138,203)
```
#8384d1
```
#8384d1 rgb(131,132,209)
```
#7c7dd8
```
#7c7dd8 rgb(124,125,216)
```
#7677de
```
#7677de rgb(118,119,222)
```
#6f71e5
```
#6f71e5 rgb(111,113,229)
```
#696aeb
```
#696aeb rgb(105,106,235)
```
#6264f2
```
#6264f2 rgb(98,100,242)
```
#5c5df8
```
#5c5df8 rgb(92,93,248)
```
#5557ff
```
#5557ff rgb(85,87,255)
```

Tone Color Variation

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

#0073e0 Protanopia 1% of men
#0079c3 Deuteranopia 1% of men
#00828a Tritanopia 0.001% of the population

Trichromacy

#1e68eb Protanomaly 1% of men, 0.01% of women
#1e6dd9 Deuteranomaly 6% of men, 0.4% of women
#1e72b4 Tritanomaly 0.01% of the population

#5557ff hex color

#5557ff Color Information

#5557ff Color Conversion

Color Schemes with #5557ff

Alternatives to #5557ff

#5557ff Preview

Shades and Tints of #5557ff

Tones of #5557ff

Color Blindness Simulator