#5a7ba3 hex color

In a RGB color space, hex #5a7ba3 is composed of 35.3% red, 48.2% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 44.8% cyan, 24.5% magenta, 0% yellow and 36.1% black. It has a hue angle of 212.9 degrees, a saturation of 28.9% and a lightness of 49.6%. #5a7ba3 color hex could be obtained by blending #b4f6ff with #000047. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 35
- G 48
- B 64
RGB color chart
- C 45
- M 25
- Y 0
- K 36
CMYK color chart

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

The hexadecimal color #5a7ba3 has RGB values of R:90, G:123, B:163 and CMYK values of C:0.45, M:0.25, Y:0, K:0.36. Its decimal value is 5929891.

Hex triplet	5a7ba3	`#5a7ba3`
RGB Decimal	90, 123, 163	`rgb(90,123,163)`
RGB Percent	35.3, 48.2, 63.9	`rgb(35.3%,48.2%,63.9%)`
CMYK	45, 25, 0, 36
HSL	212.9°, 28.9, 49.6	`hsl(212.9,28.9%,49.6%)`
HSV (or HSB)	212.9°, 44.8, 63.9
Web Safe	666699	`#666699`

CIE-LAB	50.667, -0.714, -25.083
XYZ	17.909, 18.983, 37.369
xyY	0.241, 0.256, 18.983
CIE-LCH	50.667, 25.094, 268.37
CIE-LUV	50.667, -16.55, -37.161
Hunter-Lab	43.57, -2.877, -20.353
Binary	01011010, 01111011, 10100011

#5a7ba3
```
#5a7ba3 rgb(90,123,163)
```
#a3825a
```
#a3825a rgb(163,130,90)
```

Complementary Color

#5aa0a3
```
#5aa0a3 rgb(90,160,163)
```
#5a7ba3
```
#5a7ba3 rgb(90,123,163)
```
#5d5aa3
```
#5d5aa3 rgb(93,90,163)
```

Analogous Color

#a0a35a
```
#a0a35a rgb(160,163,90)
```
#5a7ba3
```
#5a7ba3 rgb(90,123,163)
```
#a35e5a
```
#a35e5a rgb(163,94,90)
```

Split Complementary Color

#7ba35a
```
#7ba35a rgb(123,163,90)
```
#5a7ba3
```
#5a7ba3 rgb(90,123,163)
```
#a35a7b
```
#a35a7b rgb(163,90,123)
```

Triadic Color

#5aa382
```
#5aa382 rgb(90,163,130)
```
#5a7ba3
```
#5a7ba3 rgb(90,123,163)
```
#a35a7b
```
#a35a7b rgb(163,90,123)
```
#a3825a
```
#a3825a rgb(163,130,90)
```

Tetradic Color

#3f5672
```
#3f5672 rgb(63,86,114)
```
#486282
```
#486282 rgb(72,98,130)
```
#516f93
```
#516f93 rgb(81,111,147)
```
#5a7ba3
```
#5a7ba3 rgb(90,123,163)
```
#6a88ad
```
#6a88ad rgb(106,136,173)
```
#7a95b6
```
#7a95b6 rgb(122,149,182)
```
#8ba2bf
```
#8ba2bf rgb(139,162,191)
```

Monochromatic Color

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

#5a8da3
```
#5a8da3 rgb(90,141,163)
```
#5a87a3
```
#5a87a3 rgb(90,135,163)
```
#5a81a3
```
#5a81a3 rgb(90,129,163)
```
#5a7ba3
```
#5a7ba3 rgb(90,123,163)
```
#5a75a3
```
#5a75a3 rgb(90,117,163)
```
#5a6fa3
```
#5a6fa3 rgb(90,111,163)
```
#5a69a3
```
#5a69a3 rgb(90,105,163)
```

Similar Colors

Text with hexadecimal color #5a7ba3

This text has a font color of #5a7ba3.

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

#5a7ba3 background color

This paragraph has a background color of #5a7ba3.

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

#5a7ba3 border color

This element has a border color of #5a7ba3.

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

CSS codes

.text {color:#5a7ba3;}

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

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

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, #06090b is the darkest color, while #fefefe is the lightest one.

#06090b
```
#06090b rgb(6,9,11)
```
#0d1218
```
#0d1218 rgb(13,18,24)
```
#141c25
```
#141c25 rgb(20,28,37)
```
#1b2531
```
#1b2531 rgb(27,37,49)
```
#222f3e
```
#222f3e rgb(34,47,62)
```
#29384b
```
#29384b rgb(41,56,75)
```
#304257
```
#304257 rgb(48,66,87)
```
#374b64
```
#374b64 rgb(55,75,100)
```
#3e5570
```
#3e5570 rgb(62,85,112)
```
#455e7d
```
#455e7d rgb(69,94,125)
```
#4c688a
```
#4c688a rgb(76,104,138)
```
#537196
```
#537196 rgb(83,113,150)
```
#5a7ba3
```
#5a7ba3 rgb(90,123,163)
```

Shade Color Variation

#6685ab
```
#6685ab rgb(102,133,171)
```
#738fb2
```
#738fb2 rgb(115,143,178)
```
#7f99b9
```
#7f99b9 rgb(127,153,185)
```
#8ca3bf
```
#8ca3bf rgb(140,163,191)
```
#99adc6
```
#99adc6 rgb(153,173,198)
```
#a5b7cd
```
#a5b7cd rgb(165,183,205)
```
#b2c1d4
```
#b2c1d4 rgb(178,193,212)
```
#bfccdb
```
#bfccdb rgb(191,204,219)
```
#cbd6e2
```
#cbd6e2 rgb(203,214,226)
```
#d8e0e9
```
#d8e0e9 rgb(216,224,233)
```
#e4eaf0
```
#e4eaf0 rgb(228,234,240)
```
#f1f4f7
```
#f1f4f7 rgb(241,244,247)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #777e86 is the less saturated color, while #0273fb is the most saturated one.

#777e86
```
#777e86 rgb(119,126,134)
```
#6d7d90
```
#6d7d90 rgb(109,125,144)
```
#647c99
```
#647c99 rgb(100,124,153)
```
#5a7ba3
```
#5a7ba3 rgb(90,123,163)
```
#507aad
```
#507aad rgb(80,122,173)
```
#4779b6
```
#4779b6 rgb(71,121,182)
```
#3d78c0
```
#3d78c0 rgb(61,120,192)
```
#3377ca
```
#3377ca rgb(51,119,202)
```
#2976d4
```
#2976d4 rgb(41,118,212)
```
#2075dd
```
#2075dd rgb(32,117,221)
```
#1674e7
```
#1674e7 rgb(22,116,231)
```
#0c74f1
```
#0c74f1 rgb(12,116,241)
```
#0273fb
```
#0273fb rgb(2,115,251)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#70777f Atypical Achromatopsia 0.001% of the population

Dichromacy

#747ea5 Protanopia 1% of men
#727ea9 Deuteranopia 1% of men
#5a8690 Tritanopia 0.001% of the population

Trichromacy

#6a7da4 Protanomaly 1% of men, 0.01% of women
#697ca6 Deuteranomaly 6% of men, 0.4% of women
#5a8297 Tritanomaly 0.01% of the population

#5a7ba3 hex color

#5a7ba3 Color Information

#5a7ba3 Color Conversion

Color Schemes with #5a7ba3

Alternatives to #5a7ba3

#5a7ba3 Preview

Shades and Tints of #5a7ba3

Tones of #5a7ba3

Color Blindness Simulator