#5a7c97 hex color

In a RGB color space, hex #5a7c97 is composed of 35.3% red, 48.6% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 40.4% cyan, 17.9% magenta, 0% yellow and 40.8% black. It has a hue angle of 206.6 degrees, a saturation of 25.3% and a lightness of 47.3%. #5a7c97 color hex could be obtained by blending #b4f8ff with #00002f. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 35
- G 49
- B 59
RGB color chart
- C 40
- M 18
- Y 0
- K 41
CMYK color chart

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

The hexadecimal color #5a7c97 has RGB values of R:90, G:124, B:151 and CMYK values of C:0.4, M:0.18, Y:0, K:0.41. Its decimal value is 5930135.

Hex triplet	5a7c97	`#5a7c97`
RGB Decimal	90, 124, 151	`rgb(90,124,151)`
RGB Percent	35.3, 48.6, 59.2	`rgb(35.3%,48.6%,59.2%)`
CMYK	40, 18, 0, 41
HSL	206.6°, 25.3, 47.3	`hsl(206.6,25.3%,47.3%)`
HSV (or HSB)	206.6°, 40.4, 59.2
Web Safe	666699	`#666699`

CIE-LAB	50.479, -4.786, -18.371
XYZ	17.009, 18.823, 32.013
xyY	0.251, 0.277, 18.823
CIE-LCH	50.479, 18.985, 255.397
CIE-LUV	50.479, -16.91, -26.175
Hunter-Lab	43.385, -5.944, -13.38
Binary	01011010, 01111100, 10010111

#5a7c97
```
#5a7c97 rgb(90,124,151)
```
#97755a
```
#97755a rgb(151,117,90)
```

Complementary Color

#5a9794
```
#5a9794 rgb(90,151,148)
```
#5a7c97
```
#5a7c97 rgb(90,124,151)
```
#5a5e97
```
#5a5e97 rgb(90,94,151)
```

Analogous Color

#97945a
```
#97945a rgb(151,148,90)
```
#5a7c97
```
#5a7c97 rgb(90,124,151)
```
#975a5e
```
#975a5e rgb(151,90,94)
```

Split Complementary Color

#7c975a
```
#7c975a rgb(124,151,90)
```
#5a7c97
```
#5a7c97 rgb(90,124,151)
```
#975a7c
```
#975a7c rgb(151,90,124)
```

Triadic Color

#5a9775
```
#5a9775 rgb(90,151,117)
```
#5a7c97
```
#5a7c97 rgb(90,124,151)
```
#975a7c
```
#975a7c rgb(151,90,124)
```
#97755a
```
#97755a rgb(151,117,90)
```

Tetradic Color

#3d5567
```
#3d5567 rgb(61,85,103)
```
#476277
```
#476277 rgb(71,98,119)
```
#506f87
```
#506f87 rgb(80,111,135)
```
#5a7c97
```
#5a7c97 rgb(90,124,151)
```
#6689a4
```
#6689a4 rgb(102,137,164)
```
#7695ae
```
#7695ae rgb(118,149,174)
```
#86a2b7
```
#86a2b7 rgb(134,162,183)
```

Monochromatic Color

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

#5a8b97
```
#5a8b97 rgb(90,139,151)
```
#5a8697
```
#5a8697 rgb(90,134,151)
```
#5a8197
```
#5a8197 rgb(90,129,151)
```
#5a7c97
```
#5a7c97 rgb(90,124,151)
```
#5a7797
```
#5a7797 rgb(90,119,151)
```
#5a7297
```
#5a7297 rgb(90,114,151)
```
#5a6d97
```
#5a6d97 rgb(90,109,151)
```

Similar Colors

Text with hexadecimal color #5a7c97

This text has a font color of #5a7c97.

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

#5a7c97 background color

This paragraph has a background color of #5a7c97.

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

#5a7c97 border color

This element has a border color of #5a7c97.

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

CSS codes

.text {color:#5a7c97;}

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

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

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

#020304
```
#020304 rgb(2,3,4)
```
#090d10
```
#090d10 rgb(9,13,16)
```
#11171c
```
#11171c rgb(17,23,28)
```
#182128
```
#182128 rgb(24,33,40)
```
#1f2b35
```
#1f2b35 rgb(31,43,53)
```
#273541
```
#273541 rgb(39,53,65)
```
#2e3f4d
```
#2e3f4d rgb(46,63,77)
```
#354a5a
```
#354a5a rgb(53,74,90)
```
#3d5466
```
#3d5466 rgb(61,84,102)
```
#445e72
```
#445e72 rgb(68,94,114)
```
#4b687e
```
#4b687e rgb(75,104,126)
```
#53728b
```
#53728b rgb(83,114,139)
```
#5a7c97
```
#5a7c97 rgb(90,124,151)
```

Shade Color Variation

#6386a2
```
#6386a2 rgb(99,134,162)
```
#6f8fa9
```
#6f8fa9 rgb(111,143,169)
```
#7b99b1
```
#7b99b1 rgb(123,153,177)
```
#88a2b8
```
#88a2b8 rgb(136,162,184)
```
#94acbf
```
#94acbf rgb(148,172,191)
```
#a0b6c6
```
#a0b6c6 rgb(160,182,198)
```
#acbfce
```
#acbfce rgb(172,191,206)
```
#b9c9d5
```
#b9c9d5 rgb(185,201,213)
```
#c5d2dc
```
#c5d2dc rgb(197,210,220)
```
#d1dce4
```
#d1dce4 rgb(209,220,228)
```
#dee5eb
```
#dee5eb rgb(222,229,235)
```
#eaeff2
```
#eaeff2 rgb(234,239,242)
```
#f6f8fa
```
#f6f8fa rgb(246,248,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #76797b is the less saturated color, while #0786ea is the most saturated one.

#76797b
```
#76797b rgb(118,121,123)
```
#6d7a84
```
#6d7a84 rgb(109,122,132)
```
#637b8e
```
#637b8e rgb(99,123,142)
```
#5a7c97
```
#5a7c97 rgb(90,124,151)
```
#517da0
```
#517da0 rgb(81,125,160)
```
#477eaa
```
#477eaa rgb(71,126,170)
```
#3e7fb3
```
#3e7fb3 rgb(62,127,179)
```
#3580bc
```
#3580bc rgb(53,128,188)
```
#2c81c5
```
#2c81c5 rgb(44,129,197)
```
#2282cf
```
#2282cf rgb(34,130,207)
```
#1983d8
```
#1983d8 rgb(25,131,216)
```
#1085e1
```
#1085e1 rgb(16,133,225)
```
#0786ea
```
#0786ea rgb(7,134,234)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#70767c Atypical Achromatopsia 0.001% of the population

Dichromacy

#787e99 Protanopia 1% of men
#797d9e Deuteranopia 1% of men
#5e858e Tritanopia 0.001% of the population

Trichromacy

#6d7d98 Protanomaly 1% of men, 0.01% of women
#6e7c9b Deuteranomaly 6% of men, 0.4% of women
#5c8191 Tritanomaly 0.01% of the population

#5a7c97 hex color

#5a7c97 Color Information

#5a7c97 Color Conversion

Color Schemes with #5a7c97

Alternatives to #5a7c97

#5a7c97 Preview

Shades and Tints of #5a7c97

Tones of #5a7c97

Color Blindness Simulator