#5a7d89 hex color

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

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

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

The hexadecimal color #5a7d89 has RGB values of R:90, G:125, B:137 and CMYK values of C:0.34, M:0.09, Y:0, K:0.46. Its decimal value is 5930377.

Hex triplet	5a7d89	`#5a7d89`
RGB Decimal	90, 125, 137	`rgb(90,125,137)`
RGB Percent	35.3, 49, 53.7	`rgb(35.3%,49%,53.7%)`
CMYK	34, 9, 0, 46
HSL	195.3°, 20.7, 44.5	`hsl(195.3,20.7%,44.5%)`
HSV (or HSB)	195.3°, 34.3, 53.7
Web Safe	666699	`#666699`

CIE-LAB	50.271, -9.204, -10.481
XYZ	16.064, 18.646, 26.418
xyY	0.263, 0.305, 18.646
CIE-LCH	50.271, 13.949, 228.714
CIE-LUV	50.271, -17.314, -13.62
Hunter-Lab	43.181, -9.162, -6.046
Binary	01011010, 01111101, 10001001

#5a7d89
```
#5a7d89 rgb(90,125,137)
```
#89665a
```
#89665a rgb(137,102,90)
```

Complementary Color

#5a897e
```
#5a897e rgb(90,137,126)
```
#5a7d89
```
#5a7d89 rgb(90,125,137)
```
#5a6689
```
#5a6689 rgb(90,102,137)
```

Analogous Color

#897e5a
```
#897e5a rgb(137,126,90)
```
#5a7d89
```
#5a7d89 rgb(90,125,137)
```
#895a66
```
#895a66 rgb(137,90,102)
```

Split Complementary Color

#7d895a
```
#7d895a rgb(125,137,90)
```
#5a7d89
```
#5a7d89 rgb(90,125,137)
```
#895a7d
```
#895a7d rgb(137,90,125)
```

Triadic Color

#5a8966
```
#5a8966 rgb(90,137,102)
```
#5a7d89
```
#5a7d89 rgb(90,125,137)
```
#895a7d
```
#895a7d rgb(137,90,125)
```
#89665a
```
#89665a rgb(137,102,90)
```

Tetradic Color

#3c535b
```
#3c535b rgb(60,83,91)
```
#46616a
```
#46616a rgb(70,97,106)
```
#506f7a
```
#506f7a rgb(80,111,122)
```
#5a7d89
```
#5a7d89 rgb(90,125,137)
```
#648b98
```
#648b98 rgb(100,139,152)
```
#7397a3
```
#7397a3 rgb(115,151,163)
```
#82a2ad
```
#82a2ad rgb(130,162,173)
```

Monochromatic Color

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

#5a8989
```
#5a8989 rgb(90,137,137)
```
#5a8589
```
#5a8589 rgb(90,133,137)
```
#5a8189
```
#5a8189 rgb(90,129,137)
```
#5a7d89
```
#5a7d89 rgb(90,125,137)
```
#5a7989
```
#5a7989 rgb(90,121,137)
```
#5a7589
```
#5a7589 rgb(90,117,137)
```
#5a7189
```
#5a7189 rgb(90,113,137)
```

Similar Colors

Text with hexadecimal color #5a7d89

This text has a font color of #5a7d89.

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

#5a7d89 background color

This paragraph has a background color of #5a7d89.

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

#5a7d89 border color

This element has a border color of #5a7d89.

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

CSS codes

.text {color:#5a7d89;}

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

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

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)
```
#141c1e
```
#141c1e rgb(20,28,30)
```
#1c272a
```
#1c272a rgb(28,39,42)
```
#243136
```
#243136 rgb(36,49,54)
```
#2b3c42
```
#2b3c42 rgb(43,60,66)
```
#33474e
```
#33474e rgb(51,71,78)
```
#3b525a
```
#3b525a rgb(59,82,90)
```
#435d65
```
#435d65 rgb(67,93,101)
```
#4a6771
```
#4a6771 rgb(74,103,113)
```
#52727d
```
#52727d rgb(82,114,125)
```
#5a7d89
```
#5a7d89 rgb(90,125,137)
```
#628895
```
#628895 rgb(98,136,149)
```

Shade Color Variation

#6c919e
```
#6c919e rgb(108,145,158)
```
#789aa6
```
#789aa6 rgb(120,154,166)
```
#84a3ae
```
#84a3ae rgb(132,163,174)
```
#8facb6
```
#8facb6 rgb(143,172,182)
```
#9bb5bd
```
#9bb5bd rgb(155,181,189)
```
#a7bec5
```
#a7bec5 rgb(167,190,197)
```
#b3c6cd
```
#b3c6cd rgb(179,198,205)
```
#bfcfd5
```
#bfcfd5 rgb(191,207,213)
```
#cbd8dd
```
#cbd8dd rgb(203,216,221)
```
#d6e1e4
```
#d6e1e4 rgb(214,225,228)
```
#e2eaec
```
#e2eaec rgb(226,234,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 #03a8e0 is the most saturated one.

#6b7478
```
#6b7478 rgb(107,116,120)
```
#637980
```
#637980 rgb(99,121,128)
```
#5a7d89
```
#5a7d89 rgb(90,125,137)
```
#518192
```
#518192 rgb(81,129,146)
```
#49869a
```
#49869a rgb(73,134,154)
```
#408aa3
```
#408aa3 rgb(64,138,163)
```
#378eac
```
#378eac rgb(55,142,172)
```
#2e92b5
```
#2e92b5 rgb(46,146,181)
```
#2697bd
```
#2697bd rgb(38,151,189)
```
#1d9bc6
```
#1d9bc6 rgb(29,155,198)
```
#149fcf
```
#149fcf rgb(20,159,207)
```
#0ba3d8
```
#0ba3d8 rgb(11,163,216)
```
#03a8e0
```
#03a8e0 rgb(3,168,224)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#6f7678 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7d8b Protanopia 1% of men
#807b91 Deuteranopia 1% of men
#62848d Tritanopia 0.001% of the population

Trichromacy

#707d8a Protanomaly 1% of men, 0.01% of women
#727c8e Deuteranomaly 6% of men, 0.4% of women
#5f818b Tritanomaly 0.01% of the population

#5a7d89 hex color

#5a7d89 Color Information

#5a7d89 Color Conversion

Color Schemes with #5a7d89

Alternatives to #5a7d89

#5a7d89 Preview

Shades and Tints of #5a7d89

Tones of #5a7d89

Color Blindness Simulator