#5582da hex color

In a RGB color space, hex #5582da is composed of 33.3% red, 51% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 61% cyan, 40.4% magenta, 0% yellow and 14.5% black. It has a hue angle of 219.7 degrees, a saturation of 64.3% and a lightness of 59.4%. #5582da color hex could be obtained by blending #aaffff with #0005b5. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 33
- G 51
- B 85
RGB color chart
- C 61
- M 40
- Y 0
- K 15
CMYK color chart

● #5582da color description : Soft blue.

The hexadecimal color #5582da has RGB values of R:85, G:130, B:218 and CMYK values of C:0.61, M:0.4, Y:0, K:0.15. Its decimal value is 5604058.

Hex triplet	5582da	`#5582da`
RGB Decimal	85, 130, 218	`rgb(85,130,218)`
RGB Percent	33.3, 51, 85.5	`rgb(33.3%,51%,85.5%)`
CMYK	61, 40, 0, 15
HSL	219.7°, 64.3, 59.4	`hsl(219.7,64.3%,59.4%)`
HSV (or HSB)	219.7°, 61, 85.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	55.028, 11.538, -49.717
XYZ	24.381, 22.957, 69.472
xyY	0.209, 0.197, 22.957
CIE-LCH	55.028, 51.038, 283.065
CIE-LUV	55.028, -20.649, -78.94
Hunter-Lab	47.914, 6.982, -52.428
Binary	01010101, 10000010, 11011010

#5582da
```
#5582da rgb(85,130,218)
```
#daad55
```
#daad55 rgb(218,173,85)
```

Complementary Color

#55c5da
```
#55c5da rgb(85,197,218)
```
#5582da
```
#5582da rgb(85,130,218)
```
#6b55da
```
#6b55da rgb(107,85,218)
```

Analogous Color

#c5da55
```
#c5da55 rgb(197,218,85)
```
#5582da
```
#5582da rgb(85,130,218)
```
#da6b55
```
#da6b55 rgb(218,107,85)
```

Split Complementary Color

#82da55
```
#82da55 rgb(130,218,85)
```
#5582da
```
#5582da rgb(85,130,218)
```
#da5582
```
#da5582 rgb(218,85,130)
```

Triadic Color

#55daad
```
#55daad rgb(85,218,173)
```
#5582da
```
#5582da rgb(85,130,218)
```
#da5582
```
#da5582 rgb(218,85,130)
```
#daad55
```
#daad55 rgb(218,173,85)
```

Tetradic Color

#285aba
```
#285aba rgb(40,90,186)
```
#2d64cf
```
#2d64cf rgb(45,100,207)
```
#4073d5
```
#4073d5 rgb(64,115,213)
```
#5582da
```
#5582da rgb(85,130,218)
```
#6a91df
```
#6a91df rgb(106,145,223)
```
#7fa1e3
```
#7fa1e3 rgb(127,161,227)
```
#94b0e8
```
#94b0e8 rgb(148,176,232)
```

Monochromatic Color

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

#55a3da
```
#55a3da rgb(85,163,218)
```
#5598da
```
#5598da rgb(85,152,218)
```
#558dda
```
#558dda rgb(85,141,218)
```
#5582da
```
#5582da rgb(85,130,218)
```
#5577da
```
#5577da rgb(85,119,218)
```
#556cda
```
#556cda rgb(85,108,218)
```
#5561da
```
#5561da rgb(85,97,218)
```

Similar Colors

Text with hexadecimal color #5582da

This text has a font color of #5582da.

<span style="color:#5582da;">Text here</span>

#5582da background color

This paragraph has a background color of #5582da.

<p style="background-color:#5582da;">Content here</p>

#5582da border color

This element has a border color of #5582da.

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

CSS codes

.text {color:#5582da;}

.background {background-color:#5582da;}

.border {border:1px solid #5582da;}

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

#020307
```
#020307 rgb(2,3,7)
```
#050b17
```
#050b17 rgb(5,11,23)
```
#091327
```
#091327 rgb(9,19,39)
```
#0c1b38
```
#0c1b38 rgb(12,27,56)
```
#102348
```
#102348 rgb(16,35,72)
```
#132a58
```
#132a58 rgb(19,42,88)
```
#173268
```
#173268 rgb(23,50,104)
```
#1a3a78
```
#1a3a78 rgb(26,58,120)
```
#1e4288
```
#1e4288 rgb(30,66,136)
```
#214998
```
#214998 rgb(33,73,152)
```
#2551a8
```
#2551a8 rgb(37,81,168)
```
#2859b8
```
#2859b8 rgb(40,89,184)
```
#2c61c9
```
#2c61c9 rgb(44,97,201)
```

Shade Color Variation

#356ad3
```
#356ad3 rgb(53,106,211)
```
#4576d6
```
#4576d6 rgb(69,118,214)
```
#5582da
```
#5582da rgb(85,130,218)
```
#658ede
```
#658ede rgb(101,142,222)
```
#759ae1
```
#759ae1 rgb(117,154,225)
```
#85a6e5
```
#85a6e5 rgb(133,166,229)
```
#95b1e8
```
#95b1e8 rgb(149,177,232)
```
#a6bdec
```
#a6bdec rgb(166,189,236)
```
#b6c9ef
```
#b6c9ef rgb(182,201,239)
```
#c6d5f3
```
#c6d5f3 rgb(198,213,243)
```
#d6e1f6
```
#d6e1f6 rgb(214,225,246)
```
#e6edfa
```
#e6edfa rgb(230,237,250)
```
#f6f8fd
```
#f6f8fd rgb(246,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #95979a is the less saturated color, while #3578fa is the most saturated one.

#95979a
```
#95979a rgb(149,151,154)
```
#8d94a2
```
#8d94a2 rgb(141,148,162)
```
#8591aa
```
#8591aa rgb(133,145,170)
```
#7d8fb2
```
#7d8fb2 rgb(125,143,178)
```
#758cba
```
#758cba rgb(117,140,186)
```
#6d8ac2
```
#6d8ac2 rgb(109,138,194)
```
#6587ca
```
#6587ca rgb(101,135,202)
```
#5d85d2
```
#5d85d2 rgb(93,133,210)
```
#5582da
```
#5582da rgb(85,130,218)
```
#4d7fe2
```
#4d7fe2 rgb(77,127,226)
```
#457dea
```
#457dea rgb(69,125,234)
```
#3d7af2
```
#3d7af2 rgb(61,122,242)
```
#3578fa
```
#3578fa rgb(53,120,250)
```

Tone Color Variation

Below, you can see how #5582da 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

#7f7f7f Achromatopsia 0.005% of the population
#778091 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6487db Protanopia 1% of men
#4e8bda Deuteranopia 1% of men
#3795a0 Tritanopia 0.001% of the population

Trichromacy

#5e85da Protanomaly 1% of men, 0.01% of women
#5187da Deuteranomaly 6% of men, 0.4% of women
#428eb5 Tritanomaly 0.01% of the population

#5582da hex color

#5582da Color Information

#5582da Color Conversion

Color Schemes with #5582da

Alternatives to #5582da

#5582da Preview

Shades and Tints of #5582da

Tones of #5582da

Color Blindness Simulator