#5a7b89 hex color

In a RGB color space, hex #5a7b89 is composed of 35.3% red, 48.2% green and 53.7% blue. Whereas in a CMYK color space, it is composed of 34.3% cyan, 10.2% magenta, 0% yellow and 46.3% black. It has a hue angle of 197.9 degrees, a saturation of 20.7% and a lightness of 44.5%. #5a7b89 color hex could be obtained by blending #b4f6ff with #000013. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 35
- G 48
- B 54
RGB color chart
- C 34
- M 10
- Y 0
- K 46
CMYK color chart

● #5a7b89 color description : Mostly desaturated dark blue.

The hexadecimal color #5a7b89 has RGB values of R:90, G:123, B:137 and CMYK values of C:0.34, M:0.1, Y:0, K:0.46. Its decimal value is 5929865.

Hex triplet	5a7b89	`#5a7b89`
RGB Decimal	90, 123, 137	`rgb(90,123,137)`
RGB Percent	35.3, 48.2, 53.7	`rgb(35.3%,48.2%,53.7%)`
CMYK	34, 10, 0, 46
HSL	197.9°, 20.7, 44.5	`hsl(197.9,20.7%,44.5%)`
HSV (or HSB)	197.9°, 34.3, 53.7
Web Safe	666699	`#666699`

CIE-LAB	49.672, -8.066, -11.383
XYZ	15.814, 18.145, 26.335
xyY	0.262, 0.301, 18.145
CIE-LCH	49.672, 13.951, 234.679
CIE-LUV	49.672, -16.454, -15.08
Hunter-Lab	42.597, -8.279, -6.837
Binary	01011010, 01111011, 10001001

#5a7b89
```
#5a7b89 rgb(90,123,137)
```
#89685a
```
#89685a rgb(137,104,90)
```

Complementary Color

#5a8980
```
#5a8980 rgb(90,137,128)
```
#5a7b89
```
#5a7b89 rgb(90,123,137)
```
#5a6489
```
#5a6489 rgb(90,100,137)
```

Analogous Color

#89805a
```
#89805a rgb(137,128,90)
```
#5a7b89
```
#5a7b89 rgb(90,123,137)
```
#895a64
```
#895a64 rgb(137,90,100)
```

Split Complementary Color

#7b895a
```
#7b895a rgb(123,137,90)
```
#5a7b89
```
#5a7b89 rgb(90,123,137)
```
#895a7b
```
#895a7b rgb(137,90,123)
```

Triadic Color

#5a8968
```
#5a8968 rgb(90,137,104)
```
#5a7b89
```
#5a7b89 rgb(90,123,137)
```
#895a7b
```
#895a7b rgb(137,90,123)
```
#89685a
```
#89685a rgb(137,104,90)
```

Tetradic Color

#3c525b
```
#3c525b rgb(60,82,91)
```
#465f6a
```
#465f6a rgb(70,95,106)
```
#506d7a
```
#506d7a rgb(80,109,122)
```
#5a7b89
```
#5a7b89 rgb(90,123,137)
```
#648998
```
#648998 rgb(100,137,152)
```
#7395a3
```
#7395a3 rgb(115,149,163)
```
#82a0ad
```
#82a0ad rgb(130,160,173)
```

Monochromatic Color

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

#5a8789
```
#5a8789 rgb(90,135,137)
```
#5a8389
```
#5a8389 rgb(90,131,137)
```
#5a7f89
```
#5a7f89 rgb(90,127,137)
```
#5a7b89
```
#5a7b89 rgb(90,123,137)
```
#5a7789
```
#5a7789 rgb(90,119,137)
```
#5a7389
```
#5a7389 rgb(90,115,137)
```
#5a6f89
```
#5a6f89 rgb(90,111,137)
```

Similar Colors

Text with hexadecimal color #5a7b89

This text has a font color of #5a7b89.

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

#5a7b89 background color

This paragraph has a background color of #5a7b89.

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

#5a7b89 border color

This element has a border color of #5a7b89.

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

CSS codes

.text {color:#5a7b89;}

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

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

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

#040607
```
#040607 rgb(4,6,7)
```
#0c1113
```
#0c1113 rgb(12,17,19)
```
#141b1e
```
#141b1e rgb(20,27,30)
```
#1c262a
```
#1c262a rgb(28,38,42)
```
#243136
```
#243136 rgb(36,49,54)
```
#2b3b42
```
#2b3b42 rgb(43,59,66)
```
#33464e
```
#33464e rgb(51,70,78)
```
#3b505a
```
#3b505a rgb(59,80,90)
```
#435b65
```
#435b65 rgb(67,91,101)
```
#4a6671
```
#4a6671 rgb(74,102,113)
```
#52707d
```
#52707d rgb(82,112,125)
```
#5a7b89
```
#5a7b89 rgb(90,123,137)
```
#628695
```
#628695 rgb(98,134,149)
```

Shade Color Variation

#6c8f9e
```
#6c8f9e rgb(108,143,158)
```
#7898a6
```
#7898a6 rgb(120,152,166)
```
#84a1ae
```
#84a1ae rgb(132,161,174)
```
#8faab6
```
#8faab6 rgb(143,170,182)
```
#9bb3bd
```
#9bb3bd rgb(155,179,189)
```
#a7bcc5
```
#a7bcc5 rgb(167,188,197)
```
#b3c5cd
```
#b3c5cd rgb(179,197,205)
```
#bfced5
```
#bfced5 rgb(191,206,213)
```
#cbd7dd
```
#cbd7dd rgb(203,215,221)
```
#d6e0e4
```
#d6e0e4 rgb(214,224,228)
```
#e2e9ec
```
#e2e9ec rgb(226,233,236)
```
#eef2f4
```
#eef2f4 rgb(238,242,244)
```
#fafbfc
```
#fafbfc rgb(250,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b7478 is the less saturated color, while #039ee0 is the most saturated one.

#6b7478
```
#6b7478 rgb(107,116,120)
```
#637780
```
#637780 rgb(99,119,128)
```
#5a7b89
```
#5a7b89 rgb(90,123,137)
```
#517f92
```
#517f92 rgb(81,127,146)
```
#49829a
```
#49829a rgb(73,130,154)
```
#4086a3
```
#4086a3 rgb(64,134,163)
```
#3789ac
```
#3789ac rgb(55,137,172)
```
#2e8db5
```
#2e8db5 rgb(46,141,181)
```
#2690bd
```
#2690bd rgb(38,144,189)
```
#1d94c6
```
#1d94c6 rgb(29,148,198)
```
#1497cf
```
#1497cf rgb(20,151,207)
```
#0b9bd8
```
#0b9bd8 rgb(11,155,216)
```
#039ee0
```
#039ee0 rgb(3,158,224)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#6e7577 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a7c8b Protanopia 1% of men
#7e7a91 Deuteranopia 1% of men
#61828b Tritanopia 0.001% of the population

Trichromacy

#6e7b8a Protanomaly 1% of men, 0.01% of women
#717a8e Deuteranomaly 6% of men, 0.4% of women
#5e7f8a Tritanomaly 0.01% of the population

#5a7b89 hex color

#5a7b89 Color Information

#5a7b89 Color Conversion

Color Schemes with #5a7b89

Alternatives to #5a7b89

#5a7b89 Preview

Shades and Tints of #5a7b89

Tones of #5a7b89

Color Blindness Simulator