#5583c2 hex color

In a RGB color space, hex #5583c2 is composed of 33.3% red, 51.4% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 56.2% cyan, 32.5% magenta, 0% yellow and 23.9% black. It has a hue angle of 214.7 degrees, a saturation of 47.2% and a lightness of 54.7%. #5583c2 color hex could be obtained by blending #aaffff with #000785. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 33
- G 51
- B 76
RGB color chart
- C 56
- M 32
- Y 0
- K 24
CMYK color chart

● #5583c2 color description : Moderate blue.

The hexadecimal color #5583c2 has RGB values of R:85, G:131, B:194 and CMYK values of C:0.56, M:0.32, Y:0, K:0.24. Its decimal value is 5604290.

Hex triplet	5583c2	`#5583c2`
RGB Decimal	85, 131, 194	`rgb(85,131,194)`
RGB Percent	33.3, 51.4, 76.1	`rgb(33.3%,51.4%,76.1%)`
CMYK	56, 32, 0, 24
HSL	214.7°, 47.2, 54.7	`hsl(214.7,47.2%,54.7%)`
HSV (or HSB)	214.7°, 56.2, 76.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	54.088, 3.01, -37.62
XYZ	21.598, 22.058, 54.155
xyY	0.221, 0.226, 22.058
CIE-LCH	54.088, 37.74, 274.574
CIE-LUV	54.088, -21.14, -58.227
Hunter-Lab	46.966, -0.103, -35.49
Binary	01010101, 10000011, 11000010

#5583c2
```
#5583c2 rgb(85,131,194)
```
#c29455
```
#c29455 rgb(194,148,85)
```

Complementary Color

#55bac2
```
#55bac2 rgb(85,186,194)
```
#5583c2
```
#5583c2 rgb(85,131,194)
```
#5e55c2
```
#5e55c2 rgb(94,85,194)
```

Analogous Color

#bac255
```
#bac255 rgb(186,194,85)
```
#5583c2
```
#5583c2 rgb(85,131,194)
```
#c25e55
```
#c25e55 rgb(194,94,85)
```

Split Complementary Color

#83c255
```
#83c255 rgb(131,194,85)
```
#5583c2
```
#5583c2 rgb(85,131,194)
```
#c25583
```
#c25583 rgb(194,85,131)
```

Triadic Color

#55c294
```
#55c294 rgb(85,194,148)
```
#5583c2
```
#5583c2 rgb(85,131,194)
```
#c25583
```
#c25583 rgb(194,85,131)
```
#c29455
```
#c29455 rgb(194,148,85)
```

Tetradic Color

#355e95
```
#355e95 rgb(53,94,149)
```
#3c6aa8
```
#3c6aa8 rgb(60,106,168)
```
#4375bb
```
#4375bb rgb(67,117,187)
```
#5583c2
```
#5583c2 rgb(85,131,194)
```
#6891c9
```
#6891c9 rgb(104,145,201)
```
#7b9ecf
```
#7b9ecf rgb(123,158,207)
```
#8dacd6
```
#8dacd6 rgb(141,172,214)
```

Monochromatic Color

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

#559ec2
```
#559ec2 rgb(85,158,194)
```
#5595c2
```
#5595c2 rgb(85,149,194)
```
#558cc2
```
#558cc2 rgb(85,140,194)
```
#5583c2
```
#5583c2 rgb(85,131,194)
```
#557ac2
```
#557ac2 rgb(85,122,194)
```
#5571c2
```
#5571c2 rgb(85,113,194)
```
#5568c2
```
#5568c2 rgb(85,104,194)
```

Similar Colors

Text with hexadecimal color #5583c2

This text has a font color of #5583c2.

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

#5583c2 background color

This paragraph has a background color of #5583c2.

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

#5583c2 border color

This element has a border color of #5583c2.

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

CSS codes

.text {color:#5583c2;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#060b12
```
#060b12 rgb(6,11,18)
```
#0c1420
```
#0c1420 rgb(12,20,32)
```
#111d2f
```
#111d2f rgb(17,29,47)
```
#16263d
```
#16263d rgb(22,38,61)
```
#1b2f4b
```
#1b2f4b rgb(27,47,75)
```
#20395a
```
#20395a rgb(32,57,90)
```
#254268
```
#254268 rgb(37,66,104)
```
#2b4b77
```
#2b4b77 rgb(43,75,119)
```
#305485
```
#305485 rgb(48,84,133)
```
#355d94
```
#355d94 rgb(53,93,148)
```
#3a66a2
```
#3a66a2 rgb(58,102,162)
```
#3f6fb0
```
#3f6fb0 rgb(63,111,176)
```

Shade Color Variation

#4778bd
```
#4778bd rgb(71,120,189)
```
#5583c2
```
#5583c2 rgb(85,131,194)
```
#638ec7
```
#638ec7 rgb(99,142,199)
```
#7298cc
```
#7298cc rgb(114,152,204)
```
#80a3d2
```
#80a3d2 rgb(128,163,210)
```
#8fadd7
```
#8fadd7 rgb(143,173,215)
```
#9db8dc
```
#9db8dc rgb(157,184,220)
```
#acc2e1
```
#acc2e1 rgb(172,194,225)
```
#bacde6
```
#bacde6 rgb(186,205,230)
```
#c8d7eb
```
#c8d7eb rgb(200,215,235)
```
#d7e2f1
```
#d7e2f1 rgb(215,226,241)
```
#e5ecf6
```
#e5ecf6 rgb(229,236,246)
```
#f4f7fb
```
#f4f7fb rgb(244,247,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8a8b8d is the less saturated color, while #207bf7 is the most saturated one.

#8a8b8d
```
#8a8b8d rgb(138,139,141)
```
#818a96
```
#818a96 rgb(129,138,150)
```
#79899e
```
#79899e rgb(121,137,158)
```
#7087a7
```
#7087a7 rgb(112,135,167)
```
#6786b0
```
#6786b0 rgb(103,134,176)
```
#5e84b9
```
#5e84b9 rgb(94,132,185)
```
#5583c2
```
#5583c2 rgb(85,131,194)
```
#4c82cb
```
#4c82cb rgb(76,130,203)
```
#4380d4
```
#4380d4 rgb(67,128,212)
```
#3a7fdd
```
#3a7fdd rgb(58,127,221)
```
#317de6
```
#317de6 rgb(49,125,230)
```
#297cee
```
#297cee rgb(41,124,238)
```
#207bf7
```
#207bf7 rgb(32,123,247)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#747d8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7185c2 Protanopia 1% of men
#6787c5 Deuteranopia 1% of men
#49919c Tritanopia 0.001% of the population

Trichromacy

#6784c2 Protanomaly 1% of men, 0.01% of women
#6085c4 Deuteranomaly 6% of men, 0.4% of women
#4d8caa Tritanomaly 0.01% of the population

#5583c2 hex color

#5583c2 Color Information

#5583c2 Color Conversion

Color Schemes with #5583c2

Alternatives to #5583c2

#5583c2 Preview

Shades and Tints of #5583c2

Tones of #5583c2

Color Blindness Simulator