#5a89c2 hex color

In a RGB color space, hex #5a89c2 is composed of 35.3% red, 53.7% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 53.6% cyan, 29.4% magenta, 0% yellow and 23.9% black. It has a hue angle of 212.9 degrees, a saturation of 46% and a lightness of 55.7%. #5a89c2 color hex could be obtained by blending #b4ffff with #001385. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 35
- G 54
- B 76
RGB color chart
- C 54
- M 29
- Y 0
- K 24
CMYK color chart

● #5a89c2 color description : Moderate blue.

The hexadecimal color #5a89c2 has RGB values of R:90, G:137, B:194 and CMYK values of C:0.54, M:0.29, Y:0, K:0.24. Its decimal value is 5933506.

Hex triplet	5a89c2	`#5a89c2`
RGB Decimal	90, 137, 194	`rgb(90,137,194)`
RGB Percent	35.3, 53.7, 76.1	`rgb(35.3%,53.7%,76.1%)`
CMYK	54, 29, 0, 24
HSL	212.9°, 46, 55.7	`hsl(212.9,46%,55.7%)`
HSV (or HSB)	212.9°, 53.6, 76.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	56.046, 0.569, -34.534
XYZ	22.897, 23.959, 54.454
xyY	0.226, 0.236, 23.959
CIE-LCH	56.046, 34.539, 270.944
CIE-LUV	56.046, -21.845, -53.298
Hunter-Lab	48.948, -2.157, -31.696
Binary	01011010, 10001001, 11000010

#5a89c2
```
#5a89c2 rgb(90,137,194)
```
#c2935a
```
#c2935a rgb(194,147,90)
```

Complementary Color

#5abdc2
```
#5abdc2 rgb(90,189,194)
```
#5a89c2
```
#5a89c2 rgb(90,137,194)
```
#5f5ac2
```
#5f5ac2 rgb(95,90,194)
```

Analogous Color

#bdc25a
```
#bdc25a rgb(189,194,90)
```
#5a89c2
```
#5a89c2 rgb(90,137,194)
```
#c25f5a
```
#c25f5a rgb(194,95,90)
```

Split Complementary Color

#89c25a
```
#89c25a rgb(137,194,90)
```
#5a89c2
```
#5a89c2 rgb(90,137,194)
```
#c25a89
```
#c25a89 rgb(194,90,137)
```

Triadic Color

#5ac293
```
#5ac293 rgb(90,194,147)
```
#5a89c2
```
#5a89c2 rgb(90,137,194)
```
#c25a89
```
#c25a89 rgb(194,90,137)
```
#c2935a
```
#c2935a rgb(194,147,90)
```

Tetradic Color

#386397
```
#386397 rgb(56,99,151)
```
#3f6faa
```
#3f6faa rgb(63,111,170)
```
#477cbb
```
#477cbb rgb(71,124,187)
```
#5a89c2
```
#5a89c2 rgb(90,137,194)
```
#6d96c9
```
#6d96c9 rgb(109,150,201)
```
#7fa4d0
```
#7fa4d0 rgb(127,164,208)
```
#92b1d7
```
#92b1d7 rgb(146,177,215)
```

Monochromatic Color

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

#5aa3c2
```
#5aa3c2 rgb(90,163,194)
```
#5a9ac2
```
#5a9ac2 rgb(90,154,194)
```
#5a92c2
```
#5a92c2 rgb(90,146,194)
```
#5a89c2
```
#5a89c2 rgb(90,137,194)
```
#5a80c2
```
#5a80c2 rgb(90,128,194)
```
#5a78c2
```
#5a78c2 rgb(90,120,194)
```
#5a6fc2
```
#5a6fc2 rgb(90,111,194)
```

Similar Colors

Text with hexadecimal color #5a89c2

This text has a font color of #5a89c2.

<span style="color:#5a89c2;">Text here</span>

#5a89c2 background color

This paragraph has a background color of #5a89c2.

<p style="background-color:#5a89c2;">Content here</p>

#5a89c2 border color

This element has a border color of #5a89c2.

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

CSS codes

.text {color:#5a89c2;}

.background {background-color:#5a89c2;}

.border {border:1px solid #5a89c2;}

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

#030407
```
#030407 rgb(3,4,7)
```
#080e15
```
#080e15 rgb(8,14,21)
```
#0d1723
```
#0d1723 rgb(13,23,35)
```
#122132
```
#122132 rgb(18,33,50)
```
#182a40
```
#182a40 rgb(24,42,64)
```
#1d334e
```
#1d334e rgb(29,51,78)
```
#223d5d
```
#223d5d rgb(34,61,93)
```
#28466b
```
#28466b rgb(40,70,107)
```
#2d4f79
```
#2d4f79 rgb(45,79,121)
```
#325988
```
#325988 rgb(50,89,136)
```
#376296
```
#376296 rgb(55,98,150)
```
#3d6ca4
```
#3d6ca4 rgb(61,108,164)
```
#4275b3
```
#4275b3 rgb(66,117,179)
```

Shade Color Variation

#4c7fbd
```
#4c7fbd rgb(76,127,189)
```
#5a89c2
```
#5a89c2 rgb(90,137,194)
```
#6893c7
```
#6893c7 rgb(104,147,199)
```
#779dcd
```
#779dcd rgb(119,157,205)
```
#85a8d2
```
#85a8d2 rgb(133,168,210)
```
#93b2d7
```
#93b2d7 rgb(147,178,215)
```
#a2bcdc
```
#a2bcdc rgb(162,188,220)
```
#b0c6e2
```
#b0c6e2 rgb(176,198,226)
```
#bed1e7
```
#bed1e7 rgb(190,209,231)
```
#cddbec
```
#cddbec rgb(205,219,236)
```
#dbe5f2
```
#dbe5f2 rgb(219,229,242)
```
#e9eff7
```
#e9eff7 rgb(233,239,247)
```
#f8fafc
```
#f8fafc rgb(248,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #858d97 is the less saturated color, while #1d83ff is the most saturated one.

#858d97
```
#858d97 rgb(133,141,151)
```
#7d8c9f
```
#7d8c9f rgb(125,140,159)
```
#748ca8
```
#748ca8 rgb(116,140,168)
```
#6b8bb1
```
#6b8bb1 rgb(107,139,177)
```
#638ab9
```
#638ab9 rgb(99,138,185)
```
#5a89c2
```
#5a89c2 rgb(90,137,194)
```
#5188cb
```
#5188cb rgb(81,136,203)
```
#4987d3
```
#4987d3 rgb(73,135,211)
```
#4086dc
```
#4086dc rgb(64,134,220)
```
#3786e5
```
#3786e5 rgb(55,134,229)
```
#2f85ed
```
#2f85ed rgb(47,133,237)
```
#2684f6
```
#2684f6 rgb(38,132,246)
```
#1d83ff
```
#1d83ff rgb(29,131,255)
```

Tone Color Variation

Below, you can see how #5a89c2 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

#818181 Achromatopsia 0.005% of the population
#79838e Atypical Achromatopsia 0.001% of the population

Dichromacy

#798ac2 Protanopia 1% of men
#728bc6 Deuteranopia 1% of men
#5296a1 Tritanopia 0.001% of the population

Trichromacy

#6e8ac2 Protanomaly 1% of men, 0.01% of women
#698ac4 Deuteranomaly 6% of men, 0.4% of women
#5591ad Tritanomaly 0.01% of the population

#5a89c2 hex color

#5a89c2 Color Information

#5a89c2 Color Conversion

Color Schemes with #5a89c2

Alternatives to #5a89c2

#5a89c2 Preview

Shades and Tints of #5a89c2

Tones of #5a89c2

Color Blindness Simulator