#5584ff hex color

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

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

● #5584ff color description : Light blue.

The hexadecimal color #5584ff has RGB values of R:85, G:132, B:255 and CMYK values of C:0.67, M:0.48, Y:0, K:0. Its decimal value is 5604607.

Hex triplet	5584ff	`#5584ff`
RGB Decimal	85, 132, 255	`rgb(85,132,255)`
RGB Percent	33.3, 51.8, 100	`rgb(33.3%,51.8%,100%)`
CMYK	67, 48, 0, 0
HSL	223.4°, 100, 66.7	`hsl(223.4,100%,66.7%)`
HSV (or HSB)	223.4°, 66.7, 100
Web Safe	6699ff	`#6699ff`

CIE-LAB	57.705, 22.903, -66.004
XYZ	30.044, 25.652, 97.97
xyY	0.196, 0.167, 25.652
CIE-LCH	57.705, 69.865, 289.136
CIE-LUV	57.705, -21.212, -106.966
Hunter-Lab	50.648, 17.251, -79.234
Binary	01010101, 10000100, 11111111

#5584ff
```
#5584ff rgb(85,132,255)
```
#ffd055
```
#ffd055 rgb(255,208,85)
```

Complementary Color

#55d9ff
```
#55d9ff rgb(85,217,255)
```
#5584ff
```
#5584ff rgb(85,132,255)
```
#7b55ff
```
#7b55ff rgb(123,85,255)
```

Analogous Color

#d9ff55
```
#d9ff55 rgb(217,255,85)
```
#5584ff
```
#5584ff rgb(85,132,255)
```
#ff7b55
```
#ff7b55 rgb(255,123,85)
```

Split Complementary Color

#84ff55
```
#84ff55 rgb(132,255,85)
```
#5584ff
```
#5584ff rgb(85,132,255)
```
#ff5584
```
#ff5584 rgb(255,85,132)
```

Triadic Color

#55ffd0
```
#55ffd0 rgb(85,255,208)
```
#5584ff
```
#5584ff rgb(85,132,255)
```
#ff5584
```
#ff5584 rgb(255,85,132)
```
#ffd055
```
#ffd055 rgb(255,208,85)
```

Tetradic Color

#084dff
```
#084dff rgb(8,77,255)
```
#225fff
```
#225fff rgb(34,95,255)
```
#3c72ff
```
#3c72ff rgb(60,114,255)
```
#5584ff
```
#5584ff rgb(85,132,255)
```
#6f96ff
```
#6f96ff rgb(111,150,255)
```
#88a9ff
```
#88a9ff rgb(136,169,255)
```
#a2bbff
```
#a2bbff rgb(162,187,255)
```

Monochromatic Color

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

#55afff
```
#55afff rgb(85,175,255)
```
#55a0ff
```
#55a0ff rgb(85,160,255)
```
#5592ff
```
#5592ff rgb(85,146,255)
```
#5584ff
```
#5584ff rgb(85,132,255)
```
#5576ff
```
#5576ff rgb(85,118,255)
```
#5568ff
```
#5568ff rgb(85,104,255)
```
#5559ff
```
#5559ff rgb(85,89,255)
```

Similar Colors

Text with hexadecimal color #5584ff

This text has a font color of #5584ff.

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

#5584ff background color

This paragraph has a background color of #5584ff.

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

#5584ff border color

This element has a border color of #5584ff.

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

CSS codes

.text {color:#5584ff;}

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

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

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 #f2f6ff is the lightest one.

#000207
```
#000207 rgb(0,2,7)
```
#00071a
```
#00071a rgb(0,7,26)
```
#000d2e
```
#000d2e rgb(0,13,46)
```
#001241
```
#001241 rgb(0,18,65)
```
#001855
```
#001855 rgb(0,24,85)
```
#001d69
```
#001d69 rgb(0,29,105)
```
#00227c
```
#00227c rgb(0,34,124)
```
#002890
```
#002890 rgb(0,40,144)
```
#002da3
```
#002da3 rgb(0,45,163)
```
#0033b7
```
#0033b7 rgb(0,51,183)
```
#0038cb
```
#0038cb rgb(0,56,203)
```
#003dde
```
#003dde rgb(0,61,222)
```
#0043f2
```
#0043f2 rgb(0,67,242)
```

Shade Color Variation

#074bff
```
#074bff rgb(7,75,255)
```
#1a59ff
```
#1a59ff rgb(26,89,255)
```
#2e68ff
```
#2e68ff rgb(46,104,255)
```
#4176ff
```
#4176ff rgb(65,118,255)
```
#5584ff
```
#5584ff rgb(85,132,255)
```
#6992ff
```
#6992ff rgb(105,146,255)
```
#7ca0ff
```
#7ca0ff rgb(124,160,255)
```
#90afff
```
#90afff rgb(144,175,255)
```
#a3bdff
```
#a3bdff rgb(163,189,255)
```
#b7cbff
```
#b7cbff rgb(183,203,255)
```
#cbd9ff
```
#cbd9ff rgb(203,217,255)
```
#dee7ff
```
#dee7ff rgb(222,231,255)
```
#f2f6ff
```
#f2f6ff rgb(242,246,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 #5584ff 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)
```
#7c96d8
```
#7c96d8 rgb(124,150,216)
```
#7693de
```
#7693de rgb(118,147,222)
```
#6f90e5
```
#6f90e5 rgb(111,144,229)
```
#698deb
```
#698deb rgb(105,141,235)
```
#628af2
```
#628af2 rgb(98,138,242)
```
#5c87f8
```
#5c87f8 rgb(92,135,248)
```
#5584ff
```
#5584ff rgb(85,132,255)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#7b849d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d8cff Protanopia 1% of men
#0093f4 Deuteranopia 1% of men
#009ea9 Tritanopia 0.001% of the population

Trichromacy

#4f89ff Protanomaly 1% of men, 0.01% of women
#1e8df8 Deuteranomaly 6% of men, 0.4% of women
#1e95c8 Tritanomaly 0.01% of the population

#5584ff hex color

#5584ff Color Information

#5584ff Color Conversion

Color Schemes with #5584ff

Alternatives to #5584ff

#5584ff Preview

Shades and Tints of #5584ff

Tones of #5584ff

Color Blindness Simulator