#5582ca hex color

In a RGB color space, hex #5582ca is composed of 33.3% red, 51% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 57.9% cyan, 35.6% magenta, 0% yellow and 20.8% black. It has a hue angle of 216.9 degrees, a saturation of 52.5% and a lightness of 56.3%. #5582ca color hex could be obtained by blending #aaffff with #000595. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 33
- G 51
- B 79
RGB color chart
- C 58
- M 36
- Y 0
- K 21
CMYK color chart

● #5582ca color description : Moderate blue.

The hexadecimal color #5582ca has RGB values of R:85, G:130, B:202 and CMYK values of C:0.58, M:0.36, Y:0, K:0.21. Its decimal value is 5604042.

Hex triplet	5582ca	`#5582ca`
RGB Decimal	85, 130, 202	`rgb(85,130,202)`
RGB Percent	33.3, 51, 79.2	`rgb(33.3%,51%,79.2%)`
CMYK	58, 36, 0, 21
HSL	216.9°, 52.5, 56.3	`hsl(216.9,52.5%,56.3%)`
HSV (or HSB)	216.9°, 57.9, 79.2
Web Safe	6699cc	`#6699cc`

CIE-LAB	54.196, 6.217, -41.999
XYZ	22.387, 22.16, 58.971
xyY	0.216, 0.214, 22.16
CIE-LCH	54.196, 42.456, 278.421
CIE-LUV	54.196, -20.726, -65.693
Hunter-Lab	47.074, 2.511, -41.323
Binary	01010101, 10000010, 11001010

#5582ca
```
#5582ca rgb(85,130,202)
```
#ca9d55
```
#ca9d55 rgb(202,157,85)
```

Complementary Color

#55bdca
```
#55bdca rgb(85,189,202)
```
#5582ca
```
#5582ca rgb(85,130,202)
```
#6355ca
```
#6355ca rgb(99,85,202)
```

Analogous Color

#bdca55
```
#bdca55 rgb(189,202,85)
```
#5582ca
```
#5582ca rgb(85,130,202)
```
#ca6355
```
#ca6355 rgb(202,99,85)
```

Split Complementary Color

#82ca55
```
#82ca55 rgb(130,202,85)
```
#5582ca
```
#5582ca rgb(85,130,202)
```
#ca5582
```
#ca5582 rgb(202,85,130)
```

Triadic Color

#55ca9d
```
#55ca9d rgb(85,202,157)
```
#5582ca
```
#5582ca rgb(85,130,202)
```
#ca5582
```
#ca5582 rgb(202,85,130)
```
#ca9d55
```
#ca9d55 rgb(202,157,85)
```

Tetradic Color

#325da0
```
#325da0 rgb(50,93,160)
```
#3868b4
```
#3868b4 rgb(56,104,180)
```
#4274c4
```
#4274c4 rgb(66,116,196)
```
#5582ca
```
#5582ca rgb(85,130,202)
```
#6890d0
```
#6890d0 rgb(104,144,208)
```
#7c9fd6
```
#7c9fd6 rgb(124,159,214)
```
#8faddc
```
#8faddc rgb(143,173,220)
```

Monochromatic Color

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

#559fca
```
#559fca rgb(85,159,202)
```
#5596ca
```
#5596ca rgb(85,150,202)
```
#558cca
```
#558cca rgb(85,140,202)
```
#5582ca
```
#5582ca rgb(85,130,202)
```
#5578ca
```
#5578ca rgb(85,120,202)
```
#556fca
```
#556fca rgb(85,111,202)
```
#5565ca
```
#5565ca rgb(85,101,202)
```

Similar Colors

Text with hexadecimal color #5582ca

This text has a font color of #5582ca.

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

#5582ca background color

This paragraph has a background color of #5582ca.

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

#5582ca border color

This element has a border color of #5582ca.

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

CSS codes

.text {color:#5582ca;}

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

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

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

#030509
```
#030509 rgb(3,5,9)
```
#080e18
```
#080e18 rgb(8,14,24)
```
#0c1727
```
#0c1727 rgb(12,23,39)
```
#111f36
```
#111f36 rgb(17,31,54)
```
#162845
```
#162845 rgb(22,40,69)
```
#1a3154
```
#1a3154 rgb(26,49,84)
```
#1f3963
```
#1f3963 rgb(31,57,99)
```
#244272
```
#244272 rgb(36,66,114)
```
#284a81
```
#284a81 rgb(40,74,129)
```
#2d5390
```
#2d5390 rgb(45,83,144)
```
#325c9f
```
#325c9f rgb(50,92,159)
```
#3664ae
```
#3664ae rgb(54,100,174)
```
#3b6dbd
```
#3b6dbd rgb(59,109,189)
```

Shade Color Variation

#4677c5
```
#4677c5 rgb(70,119,197)
```
#5582ca
```
#5582ca rgb(85,130,202)
```
#648dcf
```
#648dcf rgb(100,141,207)
```
#7398d3
```
#7398d3 rgb(115,152,211)
```
#82a3d8
```
#82a3d8 rgb(130,163,216)
```
#91aedd
```
#91aedd rgb(145,174,221)
```
#a0b9e1
```
#a0b9e1 rgb(160,185,225)
```
#afc4e6
```
#afc4e6 rgb(175,196,230)
```
#becfeb
```
#becfeb rgb(190,207,235)
```
#cddaef
```
#cddaef rgb(205,218,239)
```
#dce5f4
```
#dce5f4 rgb(220,229,244)
```
#ebf0f9
```
#ebf0f9 rgb(235,240,249)
```
#f9fbfd
```
#f9fbfd rgb(249,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #888e97 is the less saturated color, while #2276fd is the most saturated one.

#888e97
```
#888e97 rgb(136,142,151)
```
#808c9f
```
#808c9f rgb(128,140,159)
```
#778aa8
```
#778aa8 rgb(119,138,168)
```
#6f88b0
```
#6f88b0 rgb(111,136,176)
```
#6686b9
```
#6686b9 rgb(102,134,185)
```
#5e84c1
```
#5e84c1 rgb(94,132,193)
```
#5582ca
```
#5582ca rgb(85,130,202)
```
#4c80d3
```
#4c80d3 rgb(76,128,211)
```
#447edb
```
#447edb rgb(68,126,219)
```
#3b7ce4
```
#3b7ce4 rgb(59,124,228)
```
#337aec
```
#337aec rgb(51,122,236)
```
#2a78f5
```
#2a78f5 rgb(42,120,245)
```
#2276fd
```
#2276fd rgb(34,118,253)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#757e8c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d85ca Protanopia 1% of men
#5f88cc Deuteranopia 1% of men
#44929d Tritanopia 0.001% of the population

Trichromacy

#6484ca Protanomaly 1% of men, 0.01% of women
#5b85cb Deuteranomaly 6% of men, 0.4% of women
#4a8cad Tritanomaly 0.01% of the population

#5582ca hex color

#5582ca Color Information

#5582ca Color Conversion

Color Schemes with #5582ca

Alternatives to #5582ca

#5582ca Preview

Shades and Tints of #5582ca

Tones of #5582ca

Color Blindness Simulator