#5a7aba hex color

In a RGB color space, hex #5a7aba is composed of 35.3% red, 47.8% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 51.6% cyan, 34.4% magenta, 0% yellow and 27.1% black. It has a hue angle of 220 degrees, a saturation of 41% and a lightness of 54.1%. #5a7aba color hex could be obtained by blending #b4f4ff with #000075. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 35
- G 48
- B 73
RGB color chart
- C 52
- M 34
- Y 0
- K 27
CMYK color chart

● #5a7aba color description : Moderate blue.

The hexadecimal color #5a7aba has RGB values of R:90, G:122, B:186 and CMYK values of C:0.52, M:0.34, Y:0, K:0.27. Its decimal value is 5929658.

Hex triplet	5a7aba	`#5a7aba`
RGB Decimal	90, 122, 186	`rgb(90,122,186)`
RGB Percent	35.3, 47.8, 72.9	`rgb(35.3%,47.8%,72.9%)`
CMYK	52, 34, 0, 27
HSL	220°, 41, 54.1	`hsl(220,41%,54.1%)`
HSV (or HSB)	220°, 51.6, 72.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	51.424, 6.957, -37.21
XYZ	20.037, 19.637, 49.186
xyY	0.225, 0.221, 19.637
CIE-LCH	51.424, 37.855, 280.59
CIE-LUV	51.424, -16.322, -57.44
Hunter-Lab	44.314, 3.162, -34.79
Binary	01011010, 01111010, 10111010

#5a7aba
```
#5a7aba rgb(90,122,186)
```
#ba9a5a
```
#ba9a5a rgb(186,154,90)
```

Complementary Color

#5aaaba
```
#5aaaba rgb(90,170,186)
```
#5a7aba
```
#5a7aba rgb(90,122,186)
```
#6a5aba
```
#6a5aba rgb(106,90,186)
```

Analogous Color

#aaba5a
```
#aaba5a rgb(170,186,90)
```
#5a7aba
```
#5a7aba rgb(90,122,186)
```
#ba6a5a
```
#ba6a5a rgb(186,106,90)
```

Split Complementary Color

#7aba5a
```
#7aba5a rgb(122,186,90)
```
#5a7aba
```
#5a7aba rgb(90,122,186)
```
#ba5a7a
```
#ba5a7a rgb(186,90,122)
```

Triadic Color

#5aba9a
```
#5aba9a rgb(90,186,154)
```
#5a7aba
```
#5a7aba rgb(90,122,186)
```
#ba5a7a
```
#ba5a7a rgb(186,90,122)
```
#ba9a5a
```
#ba9a5a rgb(186,154,90)
```

Tetradic Color

#3b568d
```
#3b568d rgb(59,86,141)
```
#42619f
```
#42619f rgb(66,97,159)
```
#4a6cb1
```
#4a6cb1 rgb(74,108,177)
```
#5a7aba
```
#5a7aba rgb(90,122,186)
```
#6c88c2
```
#6c88c2 rgb(108,136,194)
```
#7e97c9
```
#7e97c9 rgb(126,151,201)
```
#90a5d1
```
#90a5d1 rgb(144,165,209)
```

Monochromatic Color

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

#5a92ba
```
#5a92ba rgb(90,146,186)
```
#5a8aba
```
#5a8aba rgb(90,138,186)
```
#5a82ba
```
#5a82ba rgb(90,130,186)
```
#5a7aba
```
#5a7aba rgb(90,122,186)
```
#5a72ba
```
#5a72ba rgb(90,114,186)
```
#5a6aba
```
#5a6aba rgb(90,106,186)
```
#5a62ba
```
#5a62ba rgb(90,98,186)
```

Similar Colors

Text with hexadecimal color #5a7aba

This text has a font color of #5a7aba.

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

#5a7aba background color

This paragraph has a background color of #5a7aba.

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

#5a7aba border color

This element has a border color of #5a7aba.

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

CSS codes

.text {color:#5a7aba;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#06090f
```
#06090f rgb(6,9,15)
```
#0c121d
```
#0c121d rgb(12,18,29)
```
#121a2a
```
#121a2a rgb(18,26,42)
```
#182238
```
#182238 rgb(24,34,56)
```
#1d2b46
```
#1d2b46 rgb(29,43,70)
```
#233354
```
#233354 rgb(35,51,84)
```
#293c62
```
#293c62 rgb(41,60,98)
```
#2f4470
```
#2f4470 rgb(47,68,112)
```
#344d7d
```
#344d7d rgb(52,77,125)
```
#3a558b
```
#3a558b rgb(58,85,139)
```
#405e99
```
#405e99 rgb(64,94,153)
```
#4666a7
```
#4666a7 rgb(70,102,167)
```

Shade Color Variation

#4c6fb4
```
#4c6fb4 rgb(76,111,180)
```
#5a7aba
```
#5a7aba rgb(90,122,186)
```
#6885c0
```
#6885c0 rgb(104,133,192)
```
#7690c6
```
#7690c6 rgb(118,144,198)
```
#839bcb
```
#839bcb rgb(131,155,203)
```
#91a7d1
```
#91a7d1 rgb(145,167,209)
```
#9fb2d7
```
#9fb2d7 rgb(159,178,215)
```
#adbddd
```
#adbddd rgb(173,189,221)
```
#bbc8e2
```
#bbc8e2 rgb(187,200,226)
```
#c9d3e8
```
#c9d3e8 rgb(201,211,232)
```
#d6deee
```
#d6deee rgb(214,222,238)
```
#e4e9f4
```
#e4e9f4 rgb(228,233,244)
```
#f2f5fa
```
#f2f5fa rgb(242,245,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #87898d is the less saturated color, while #1b65f9 is the most saturated one.

#87898d
```
#87898d rgb(135,137,141)
```
#7e8696
```
#7e8696 rgb(126,134,150)
```
#75839f
```
#75839f rgb(117,131,159)
```
#6c80a8
```
#6c80a8 rgb(108,128,168)
```
#637db1
```
#637db1 rgb(99,125,177)
```
#5a7aba
```
#5a7aba rgb(90,122,186)
```
#5177c3
```
#5177c3 rgb(81,119,195)
```
#4874cc
```
#4874cc rgb(72,116,204)
```
#3f71d5
```
#3f71d5 rgb(63,113,213)
```
#366ede
```
#366ede rgb(54,110,222)
```
#2d6be7
```
#2d6be7 rgb(45,107,231)
```
#2468f0
```
#2468f0 rgb(36,104,240)
```
#1b65f9
```
#1b65f9 rgb(27,101,249)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#727885 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a7fbc Protanopia 1% of men
#6181bd Deuteranopia 1% of men
#508993 Tritanopia 0.001% of the population

Trichromacy

#647dbb Protanomaly 1% of men, 0.01% of women
#5e7ebc Deuteranomaly 6% of men, 0.4% of women
#5484a1 Tritanomaly 0.01% of the population

#5a7aba hex color

#5a7aba Color Information

#5a7aba Color Conversion

Color Schemes with #5a7aba

Alternatives to #5a7aba

#5a7aba Preview

Shades and Tints of #5a7aba

Tones of #5a7aba

Color Blindness Simulator