#5582b4 hex color

In a RGB color space, hex #5582b4 is composed of 33.3% red, 51% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 52.8% cyan, 27.8% magenta, 0% yellow and 29.4% black. It has a hue angle of 211.6 degrees, a saturation of 38.8% and a lightness of 52%. #5582b4 color hex could be obtained by blending #aaffff with #000569. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 33
- G 51
- B 71
RGB color chart
- C 53
- M 28
- Y 0
- K 29
CMYK color chart

● #5582b4 color description : Moderate blue.

The hexadecimal color #5582b4 has RGB values of R:85, G:130, B:180 and CMYK values of C:0.53, M:0.28, Y:0, K:0.29. Its decimal value is 5604020.

Hex triplet	5582b4	`#5582b4`
RGB Decimal	85, 130, 180	`rgb(85,130,180)`
RGB Percent	33.3, 51, 70.6	`rgb(33.3%,51%,70.6%)`
CMYK	53, 28, 0, 29
HSL	211.6°, 38.8, 52	`hsl(211.6,38.8%,52%)`
HSV (or HSB)	211.6°, 52.8, 70.6
Web Safe	6699cc	`#6699cc`

CIE-LAB	53.158, -0.87, -31.068
XYZ	19.965, 21.191, 46.216
xyY	0.229, 0.243, 21.191
CIE-LCH	53.158, 31.08, 268.395
CIE-LUV	53.158, -20.891, -47.039
Hunter-Lab	46.033, -3.141, -27.301
Binary	01010101, 10000010, 10110100

#5582b4
```
#5582b4 rgb(85,130,180)
```
#b48755
```
#b48755 rgb(180,135,85)
```

Complementary Color

#55b2b4
```
#55b2b4 rgb(85,178,180)
```
#5582b4
```
#5582b4 rgb(85,130,180)
```
#5855b4
```
#5855b4 rgb(88,85,180)
```

Analogous Color

#b2b455
```
#b2b455 rgb(178,180,85)
```
#5582b4
```
#5582b4 rgb(85,130,180)
```
#b45855
```
#b45855 rgb(180,88,85)
```

Split Complementary Color

#82b455
```
#82b455 rgb(130,180,85)
```
#5582b4
```
#5582b4 rgb(85,130,180)
```
#b45582
```
#b45582 rgb(180,85,130)
```

Triadic Color

#55b487
```
#55b487 rgb(85,180,135)
```
#5582b4
```
#5582b4 rgb(85,130,180)
```
#b45582
```
#b45582 rgb(180,85,130)
```
#b48755
```
#b48755 rgb(180,135,85)
```

Tetradic Color

#3a5c83
```
#3a5c83 rgb(58,92,131)
```
#426994
```
#426994 rgb(66,105,148)
```
#4975a6
```
#4975a6 rgb(73,117,166)
```
#5582b4
```
#5582b4 rgb(85,130,180)
```
#678fbc
```
#678fbc rgb(103,143,188)
```
#789cc4
```
#789cc4 rgb(120,156,196)
```
#8aa9cb
```
#8aa9cb rgb(138,169,203)
```

Monochromatic Color

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

#559ab4
```
#559ab4 rgb(85,154,180)
```
#5592b4
```
#5592b4 rgb(85,146,180)
```
#558ab4
```
#558ab4 rgb(85,138,180)
```
#5582b4
```
#5582b4 rgb(85,130,180)
```
#557ab4
```
#557ab4 rgb(85,122,180)
```
#5572b4
```
#5572b4 rgb(85,114,180)
```
#556ab4
```
#556ab4 rgb(85,106,180)
```

Similar Colors

Text with hexadecimal color #5582b4

This text has a font color of #5582b4.

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

#5582b4 background color

This paragraph has a background color of #5582b4.

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

#5582b4 border color

This element has a border color of #5582b4.

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

CSS codes

.text {color:#5582b4;}

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

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

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

#030507
```
#030507 rgb(3,5,7)
```
#090f15
```
#090f15 rgb(9,15,21)
```
#0f1822
```
#0f1822 rgb(15,24,34)
```
#152230
```
#152230 rgb(21,34,48)
```
#1b2b3d
```
#1b2b3d rgb(27,43,61)
```
#21354b
```
#21354b rgb(33,53,75)
```
#273f59
```
#273f59 rgb(39,63,89)
```
#2d4866
```
#2d4866 rgb(45,72,102)
```
#335274
```
#335274 rgb(51,82,116)
```
#395b81
```
#395b81 rgb(57,91,129)
```
#3f658f
```
#3f658f rgb(63,101,143)
```
#456f9d
```
#456f9d rgb(69,111,157)
```
#4b78aa
```
#4b78aa rgb(75,120,170)
```

Shade Color Variation

#5582b4
```
#5582b4 rgb(85,130,180)
```
#638cba
```
#638cba rgb(99,140,186)
```
#7096c0
```
#7096c0 rgb(112,150,192)
```
#7ea0c6
```
#7ea0c6 rgb(126,160,198)
```
#8baacc
```
#8baacc rgb(139,170,204)
```
#99b4d2
```
#99b4d2 rgb(153,180,210)
```
#a7bed8
```
#a7bed8 rgb(167,190,216)
```
#b4c8de
```
#b4c8de rgb(180,200,222)
```
#c2d2e4
```
#c2d2e4 rgb(194,210,228)
```
#cfdcea
```
#cfdcea rgb(207,220,234)
```
#dde6f0
```
#dde6f0 rgb(221,230,240)
```
#ebf0f6
```
#ebf0f6 rgb(235,240,246)
```
#f8fafc
```
#f8fafc rgb(248,250,252)
```

Tint Color Variation

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

#848485
```
#848485 rgb(132,132,133)
```
#7b848e
```
#7b848e rgb(123,132,142)
```
#718398
```
#718398 rgb(113,131,152)
```
#6883a1
```
#6883a1 rgb(104,131,161)
```
#5e82ab
```
#5e82ab rgb(94,130,171)
```
#5582b4
```
#5582b4 rgb(85,130,180)
```
#4c82bd
```
#4c82bd rgb(76,130,189)
```
#4281c7
```
#4281c7 rgb(66,129,199)
```
#3981d0
```
#3981d0 rgb(57,129,208)
```
#2f80da
```
#2f80da rgb(47,128,218)
```
#2680e3
```
#2680e3 rgb(38,128,227)
```
#1c7fed
```
#1c7fed rgb(28,127,237)
```
#137ff6
```
#137ff6 rgb(19,127,246)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#737c86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7583b4 Protanopia 1% of men
#7084b9 Deuteranopia 1% of men
#508e99 Tritanopia 0.001% of the population

Trichromacy

#6983b4 Protanomaly 1% of men, 0.01% of women
#6683b7 Deuteranomaly 6% of men, 0.4% of women
#518aa2 Tritanomaly 0.01% of the population

#5582b4 hex color

#5582b4 Color Information

#5582b4 Color Conversion

Color Schemes with #5582b4

Alternatives to #5582b4

#5582b4 Preview

Shades and Tints of #5582b4

Tones of #5582b4

Color Blindness Simulator