colorhexa.com

#5589c2 hex color

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

- R 33
- G 54
- B 76
RGB color chart
- C 56
- M 29
- Y 0
- K 24
CMYK color chart

● #5589c2 color description : Moderate blue.

The hexadecimal color #5589c2 has RGB values of R:85, G:137, B:194 and CMYK values of C:0.56, M:0.29, Y:0, K:0.24. Its decimal value is 5605826.

Hex triplet	5589c2	`#5589c2`
RGB Decimal	85, 137, 194	`rgb(85,137,194)`
RGB Percent	33.3, 53.7, 76.1	`rgb(33.3%,53.7%,76.1%)`
CMYK	56, 29, 0, 24
HSL	211.4°, 47.2, 54.7	`hsl(211.4,47.2%,54.7%)`
HSV (or HSB)	211.4°, 56.2, 76.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	55.803, -0.524, -34.933
XYZ	22.427, 23.716, 54.432
xyY	0.223, 0.236, 23.716
CIE-LCH	55.803, 34.937, 269.14
CIE-LUV	55.803, -23.331, -53.781
Hunter-Lab	48.699, -3.02, -32.179
Binary	01010101, 10001001, 11000010

#5589c2
```
#5589c2 rgb(85,137,194)
```
#c28e55
```
#c28e55 rgb(194,142,85)
```

Complementary Color

#55c0c2
```
#55c0c2 rgb(85,192,194)
```
#5589c2
```
#5589c2 rgb(85,137,194)
```
#5855c2
```
#5855c2 rgb(88,85,194)
```

Analogous Color

#c0c255
```
#c0c255 rgb(192,194,85)
```
#5589c2
```
#5589c2 rgb(85,137,194)
```
#c25855
```
#c25855 rgb(194,88,85)
```

Split Complementary Color

#89c255
```
#89c255 rgb(137,194,85)
```
#5589c2
```
#5589c2 rgb(85,137,194)
```
#c25589
```
#c25589 rgb(194,85,137)
```

Triadic Color

#55c28e
```
#55c28e rgb(85,194,142)
```
#5589c2
```
#5589c2 rgb(85,137,194)
```
#c25589
```
#c25589 rgb(194,85,137)
```
#c28e55
```
#c28e55 rgb(194,142,85)
```

Tetradic Color

#356395
```
#356395 rgb(53,99,149)
```
#3c70a8
```
#3c70a8 rgb(60,112,168)
```
#437cbb
```
#437cbb rgb(67,124,187)
```
#5589c2
```
#5589c2 rgb(85,137,194)
```
#6896c9
```
#6896c9 rgb(104,150,201)
```
#7ba3cf
```
#7ba3cf rgb(123,163,207)
```
#8db0d6
```
#8db0d6 rgb(141,176,214)
```

Monochromatic Color

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

#55a4c2
```
#55a4c2 rgb(85,164,194)
```
#559bc2
```
#559bc2 rgb(85,155,194)
```
#5592c2
```
#5592c2 rgb(85,146,194)
```
#5589c2
```
#5589c2 rgb(85,137,194)
```
#5580c2
```
#5580c2 rgb(85,128,194)
```
#5577c2
```
#5577c2 rgb(85,119,194)
```
#556ec2
```
#556ec2 rgb(85,110,194)
```

Similar Colors

Text with hexadecimal color #5589c2

This text has a font color of #5589c2.

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

#5589c2 background color

This paragraph has a background color of #5589c2.

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

#5589c2 border color

This element has a border color of #5589c2.

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

CSS codes

.text {color:#5589c2;}

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

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

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)
```
#060c12
```
#060c12 rgb(6,12,18)
```
#0c1520
```
#0c1520 rgb(12,21,32)
```
#111f2f
```
#111f2f rgb(17,31,47)
```
#16293d
```
#16293d rgb(22,41,61)
```
#1b324b
```
#1b324b rgb(27,50,75)
```
#203c5a
```
#203c5a rgb(32,60,90)
```
#254568
```
#254568 rgb(37,69,104)
```
#2b4f77
```
#2b4f77 rgb(43,79,119)
```
#305985
```
#305985 rgb(48,89,133)
```
#356294
```
#356294 rgb(53,98,148)
```
#3a6ca2
```
#3a6ca2 rgb(58,108,162)
```
#3f75b0
```
#3f75b0 rgb(63,117,176)
```

Shade Color Variation

#477fbd
```
#477fbd rgb(71,127,189)
```
#5589c2
```
#5589c2 rgb(85,137,194)
```
#6393c7
```
#6393c7 rgb(99,147,199)
```
#729dcc
```
#729dcc rgb(114,157,204)
```
#80a7d2
```
#80a7d2 rgb(128,167,210)
```
#8fb1d7
```
#8fb1d7 rgb(143,177,215)
```
#9dbbdc
```
#9dbbdc rgb(157,187,220)
```
#acc5e1
```
#acc5e1 rgb(172,197,225)
```
#bacfe6
```
#bacfe6 rgb(186,207,230)
```
#c8d9eb
```
#c8d9eb rgb(200,217,235)
```
#d7e3f1
```
#d7e3f1 rgb(215,227,241)
```
#e5edf6
```
#e5edf6 rgb(229,237,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 #2087f7 is the most saturated one.

#8a8b8d
```
#8a8b8d rgb(138,139,141)
```
#818b96
```
#818b96 rgb(129,139,150)
```
#798b9e
```
#798b9e rgb(121,139,158)
```
#708aa7
```
#708aa7 rgb(112,138,167)
```
#678ab0
```
#678ab0 rgb(103,138,176)
```
#5e89b9
```
#5e89b9 rgb(94,137,185)
```
#5589c2
```
#5589c2 rgb(85,137,194)
```
#4c89cb
```
#4c89cb rgb(76,137,203)
```
#4388d4
```
#4388d4 rgb(67,136,212)
```
#3a88dd
```
#3a88dd rgb(58,136,221)
```
#3187e6
```
#3187e6 rgb(49,135,230)
```
#2987ee
```
#2987ee rgb(41,135,238)
```
#2087f7
```
#2087f7 rgb(32,135,247)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#77828d Atypical Achromatopsia 0.001% of the population

Dichromacy

#798ac1 Protanopia 1% of men
#708bc6 Deuteranopia 1% of men
#4b96a1 Tritanopia 0.001% of the population

Trichromacy

#6c89c1 Protanomaly 1% of men, 0.01% of women
#668ac5 Deuteranomaly 6% of men, 0.4% of women
#4f91ad Tritanomaly 0.01% of the population