#5583ff hex color

In a RGB color space, hex #5583ff is composed of 33.3% red, 51.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 48.6% magenta, 0% yellow and 0% black. It has a hue angle of 223.8 degrees, a saturation of 100% and a lightness of 66.7%. #5583ff color hex could be obtained by blending #aaffff with #0007ff. Closest websafe color is: #6699ff.

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

● #5583ff color description : Light blue.

The hexadecimal color #5583ff has RGB values of R:85, G:131, B:255 and CMYK values of C:0.67, M:0.49, Y:0, K:0. Its decimal value is 5604351.

Hex triplet	5583ff	`#5583ff`
RGB Decimal	85, 131, 255	`rgb(85,131,255)`
RGB Percent	33.3, 51.4, 100	`rgb(33.3%,51.4%,100%)`
CMYK	67, 49, 0, 0
HSL	223.8°, 100, 66.7	`hsl(223.8,100%,66.7%)`
HSV (or HSB)	223.8°, 66.7, 100
Web Safe	6699ff	`#6699ff`

CIE-LAB	57.446, 23.51, -66.422
XYZ	29.909, 25.382, 97.925
xyY	0.195, 0.166, 25.382
CIE-LCH	57.446, 70.46, 289.492
CIE-LUV	57.446, -20.913, -107.569
Hunter-Lab	50.381, 17.802, -79.976
Binary	01010101, 10000011, 11111111

#5583ff
```
#5583ff rgb(85,131,255)
```
#ffd155
```
#ffd155 rgb(255,209,85)
```

Complementary Color

#55d8ff
```
#55d8ff rgb(85,216,255)
```
#5583ff
```
#5583ff rgb(85,131,255)
```
#7c55ff
```
#7c55ff rgb(124,85,255)
```

Analogous Color

#d8ff55
```
#d8ff55 rgb(216,255,85)
```
#5583ff
```
#5583ff rgb(85,131,255)
```
#ff7c55
```
#ff7c55 rgb(255,124,85)
```

Split Complementary Color

#83ff55
```
#83ff55 rgb(131,255,85)
```
#5583ff
```
#5583ff rgb(85,131,255)
```
#ff5583
```
#ff5583 rgb(255,85,131)
```

Triadic Color

#55ffd1
```
#55ffd1 rgb(85,255,209)
```
#5583ff
```
#5583ff rgb(85,131,255)
```
#ff5583
```
#ff5583 rgb(255,85,131)
```
#ffd155
```
#ffd155 rgb(255,209,85)
```

Tetradic Color

#084bff
```
#084bff rgb(8,75,255)
```
#225eff
```
#225eff rgb(34,94,255)
```
#3c70ff
```
#3c70ff rgb(60,112,255)
```
#5583ff
```
#5583ff rgb(85,131,255)
```
#6f96ff
```
#6f96ff rgb(111,150,255)
```
#88a8ff
```
#88a8ff rgb(136,168,255)
```
#a2bbff
```
#a2bbff rgb(162,187,255)
```

Monochromatic Color

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

#55aeff
```
#55aeff rgb(85,174,255)
```
#559fff
```
#559fff rgb(85,159,255)
```
#5591ff
```
#5591ff rgb(85,145,255)
```
#5583ff
```
#5583ff rgb(85,131,255)
```
#5575ff
```
#5575ff rgb(85,117,255)
```
#5567ff
```
#5567ff rgb(85,103,255)
```
#5558ff
```
#5558ff rgb(85,88,255)
```

Similar Colors

Text with hexadecimal color #5583ff

This text has a font color of #5583ff.

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

#5583ff background color

This paragraph has a background color of #5583ff.

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

#5583ff border color

This element has a border color of #5583ff.

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

CSS codes

.text {color:#5583ff;}

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

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

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

#000207
```
#000207 rgb(0,2,7)
```
#00071a
```
#00071a rgb(0,7,26)
```
#000c2e
```
#000c2e rgb(0,12,46)
```
#001241
```
#001241 rgb(0,18,65)
```
#001755
```
#001755 rgb(0,23,85)
```
#001c69
```
#001c69 rgb(0,28,105)
```
#00227c
```
#00227c rgb(0,34,124)
```
#002790
```
#002790 rgb(0,39,144)
```
#002ca3
```
#002ca3 rgb(0,44,163)
```
#0032b7
```
#0032b7 rgb(0,50,183)
```
#0037cb
```
#0037cb rgb(0,55,203)
```
#003cde
```
#003cde rgb(0,60,222)
```
#0041f2
```
#0041f2 rgb(0,65,242)
```

Shade Color Variation

#074aff
```
#074aff rgb(7,74,255)
```
#1a58ff
```
#1a58ff rgb(26,88,255)
```
#2e66ff
```
#2e66ff rgb(46,102,255)
```
#4175ff
```
#4175ff rgb(65,117,255)
```
#5583ff
```
#5583ff rgb(85,131,255)
```
#6991ff
```
#6991ff rgb(105,145,255)
```
#7ca0ff
```
#7ca0ff rgb(124,160,255)
```
#90aeff
```
#90aeff rgb(144,174,255)
```
#a3bcff
```
#a3bcff rgb(163,188,255)
```
#b7cbff
```
#b7cbff rgb(183,203,255)
```
#cbd9ff
```
#cbd9ff rgb(203,217,255)
```
#dee7ff
```
#dee7ff rgb(222,231,255)
```
#f2f5ff
```
#f2f5ff rgb(242,245,255)
```

Tint Color Variation

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

#a3a7b1
```
#a3a7b1 rgb(163,167,177)
```
#9da4b7
```
#9da4b7 rgb(157,164,183)
```
#96a1be
```
#96a1be rgb(150,161,190)
```
#909ec4
```
#909ec4 rgb(144,158,196)
```
#899bcb
```
#899bcb rgb(137,155,203)
```
#8398d1
```
#8398d1 rgb(131,152,209)
```
#7c95d8
```
#7c95d8 rgb(124,149,216)
```
#7692de
```
#7692de rgb(118,146,222)
```
#6f8fe5
```
#6f8fe5 rgb(111,143,229)
```
#698ceb
```
#698ceb rgb(105,140,235)
```
#6289f2
```
#6289f2 rgb(98,137,242)
```
#5c86f8
```
#5c86f8 rgb(92,134,248)
```
#5583ff
```
#5583ff rgb(85,131,255)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#7a839c Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a8cff Protanopia 1% of men
#0092f3 Deuteranopia 1% of men
#009ea9 Tritanopia 0.001% of the population

Trichromacy

#4e88ff Protanomaly 1% of men, 0.01% of women
#1e8cf7 Deuteranomaly 6% of men, 0.4% of women
#1e94c8 Tritanomaly 0.01% of the population

#5583ff hex color

#5583ff Color Information

#5583ff Color Conversion

Color Schemes with #5583ff

Alternatives to #5583ff

#5583ff Preview

Shades and Tints of #5583ff

Tones of #5583ff

Color Blindness Simulator