#5a89b2 hex color

In a RGB color space, hex #5a89b2 is composed of 35.3% red, 53.7% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 49.4% cyan, 23% magenta, 0% yellow and 30.2% black. It has a hue angle of 208 degrees, a saturation of 36.4% and a lightness of 52.5%. #5a89b2 color hex could be obtained by blending #b4ffff with #001365. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 35
- G 54
- B 70
RGB color chart
- C 49
- M 23
- Y 0
- K 30
CMYK color chart

● #5a89b2 color description : Dark moderate blue.

The hexadecimal color #5a89b2 has RGB values of R:90, G:137, B:178 and CMYK values of C:0.49, M:0.23, Y:0, K:0.3. Its decimal value is 5933490.

Hex triplet	5a89b2	`#5a89b2`
RGB Decimal	90, 137, 178	`rgb(90,137,178)`
RGB Percent	35.3, 53.7, 69.8	`rgb(35.3%,53.7%,69.8%)`
CMYK	49, 23, 0, 30
HSL	208°, 36.4, 52.5	`hsl(208,36.4%,52.5%)`
HSV (or HSB)	208°, 49.4, 69.8
Web Safe	669999	`#669999`

CIE-LAB	55.358, -4.367, -26.487
XYZ	21.196, 23.278, 45.493
xyY	0.236, 0.259, 23.278
CIE-LCH	55.358, 26.845, 260.637
CIE-LUV	55.358, -21.994, -39.574
Hunter-Lab	48.248, -6.014, -22.132
Binary	01011010, 10001001, 10110010

#5a89b2
```
#5a89b2 rgb(90,137,178)
```
#b2835a
```
#b2835a rgb(178,131,90)
```

Complementary Color

#5ab2af
```
#5ab2af rgb(90,178,175)
```
#5a89b2
```
#5a89b2 rgb(90,137,178)
```
#5a5db2
```
#5a5db2 rgb(90,93,178)
```

Analogous Color

#b2af5a
```
#b2af5a rgb(178,175,90)
```
#5a89b2
```
#5a89b2 rgb(90,137,178)
```
#b25a5d
```
#b25a5d rgb(178,90,93)
```

Split Complementary Color

#89b25a
```
#89b25a rgb(137,178,90)
```
#5a89b2
```
#5a89b2 rgb(90,137,178)
```
#b25a89
```
#b25a89 rgb(178,90,137)
```

Triadic Color

#5ab283
```
#5ab283 rgb(90,178,131)
```
#5a89b2
```
#5a89b2 rgb(90,137,178)
```
#b25a89
```
#b25a89 rgb(178,90,137)
```
#b2835a
```
#b2835a rgb(178,131,90)
```

Tetradic Color

#3d6283
```
#3d6283 rgb(61,98,131)
```
#456f94
```
#456f94 rgb(69,111,148)
```
#4d7ca5
```
#4d7ca5 rgb(77,124,165)
```
#5a89b2
```
#5a89b2 rgb(90,137,178)
```
#6b95ba
```
#6b95ba rgb(107,149,186)
```
#7da2c2
```
#7da2c2 rgb(125,162,194)
```
#8eaeca
```
#8eaeca rgb(142,174,202)
```

Monochromatic Color

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

#5a9fb2
```
#5a9fb2 rgb(90,159,178)
```
#5a98b2
```
#5a98b2 rgb(90,152,178)
```
#5a90b2
```
#5a90b2 rgb(90,144,178)
```
#5a89b2
```
#5a89b2 rgb(90,137,178)
```
#5a82b2
```
#5a82b2 rgb(90,130,178)
```
#5a7ab2
```
#5a7ab2 rgb(90,122,178)
```
#5a73b2
```
#5a73b2 rgb(90,115,178)
```

Similar Colors

Text with hexadecimal color #5a89b2

This text has a font color of #5a89b2.

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

#5a89b2 background color

This paragraph has a background color of #5a89b2.

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

#5a89b2 border color

This element has a border color of #5a89b2.

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

CSS codes

.text {color:#5a89b2;}

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

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

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

#040709
```
#040709 rgb(4,7,9)
```
#0a1116
```
#0a1116 rgb(10,17,22)
```
#111b24
```
#111b24 rgb(17,27,36)
```
#172531
```
#172531 rgb(23,37,49)
```
#1d2f3e
```
#1d2f3e rgb(29,47,62)
```
#23394c
```
#23394c rgb(35,57,76)
```
#2a4359
```
#2a4359 rgb(42,67,89)
```
#304d66
```
#304d66 rgb(48,77,102)
```
#365774
```
#365774 rgb(54,87,116)
```
#3c6181
```
#3c6181 rgb(60,97,129)
```
#436b8f
```
#436b8f rgb(67,107,143)
```
#49759c
```
#49759c rgb(73,117,156)
```
#4f7fa9
```
#4f7fa9 rgb(79,127,169)
```

Shade Color Variation

#5a89b2
```
#5a89b2 rgb(90,137,178)
```
#6793b8
```
#6793b8 rgb(103,147,184)
```
#759cbe
```
#759cbe rgb(117,156,190)
```
#82a6c5
```
#82a6c5 rgb(130,166,197)
```
#8fafcb
```
#8fafcb rgb(143,175,203)
```
#9db9d1
```
#9db9d1 rgb(157,185,209)
```
#aac2d7
```
#aac2d7 rgb(170,194,215)
```
#b8ccde
```
#b8ccde rgb(184,204,222)
```
#c5d6e4
```
#c5d6e4 rgb(197,214,228)
```
#d2dfea
```
#d2dfea rgb(210,223,234)
```
#e0e9f0
```
#e0e9f0 rgb(224,233,240)
```
#edf2f7
```
#edf2f7 rgb(237,242,247)
```
#fafcfd
```
#fafcfd rgb(250,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f868d is the less saturated color, while #108efc is the most saturated one.

#7f868d
```
#7f868d rgb(127,134,141)
```
#768796
```
#768796 rgb(118,135,150)
```
#6d889f
```
#6d889f rgb(109,136,159)
```
#6388a9
```
#6388a9 rgb(99,136,169)
```
#5a89b2
```
#5a89b2 rgb(90,137,178)
```
#518abb
```
#518abb rgb(81,138,187)
```
#478ac5
```
#478ac5 rgb(71,138,197)
```
#3e8bce
```
#3e8bce rgb(62,139,206)
```
#358cd7
```
#358cd7 rgb(53,140,215)
```
#2b8ce1
```
#2b8ce1 rgb(43,140,225)
```
#228dea
```
#228dea rgb(34,141,234)
```
#198df3
```
#198df3 rgb(25,141,243)
```
#108efc
```
#108efc rgb(16,142,252)
```

Tone Color Variation

Below, you can see how #5a89b2 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
#78828a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f89b2 Protanopia 1% of men
#7c89b8 Deuteranopia 1% of men
#59939e Tritanopia 0.001% of the population

Trichromacy

#7189b2 Protanomaly 1% of men, 0.01% of women
#6f89b5 Deuteranomaly 6% of men, 0.4% of women
#598fa5 Tritanomaly 0.01% of the population

#5a89b2 hex color

#5a89b2 Color Information

#5a89b2 Color Conversion

Color Schemes with #5a89b2

Alternatives to #5a89b2

#5a89b2 Preview

Shades and Tints of #5a89b2

Tones of #5a89b2

Color Blindness Simulator