#5a8ac6 hex color

In a RGB color space, hex #5a8ac6 is composed of 35.3% red, 54.1% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 54.5% cyan, 30.3% magenta, 0% yellow and 22.4% black. It has a hue angle of 213.3 degrees, a saturation of 48.6% and a lightness of 56.5%. #5a8ac6 color hex could be obtained by blending #b4ffff with #00158d. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 35
- G 54
- B 78
RGB color chart
- C 55
- M 30
- Y 0
- K 22
CMYK color chart

● #5a8ac6 color description : Moderate blue.

The hexadecimal color #5a8ac6 has RGB values of R:90, G:138, B:198 and CMYK values of C:0.55, M:0.3, Y:0, K:0.22. Its decimal value is 5933766.

Hex triplet	5a8ac6	`#5a8ac6`
RGB Decimal	90, 138, 198	`rgb(90,138,198)`
RGB Percent	35.3, 54.1, 77.6	`rgb(35.3%,54.1%,77.6%)`
CMYK	55, 30, 0, 22
HSL	213.3°, 48.6, 56.5	`hsl(213.3,48.6%,56.5%)`
HSV (or HSB)	213.3°, 54.5, 77.6
Web Safe	6699cc	`#6699cc`

CIE-LAB	56.512, 1.247, -36.073
XYZ	23.496, 24.427, 56.9
xyY	0.224, 0.233, 24.427
CIE-LCH	56.512, 36.094, 271.98
CIE-LUV	56.512, -22.18, -55.968
Hunter-Lab	49.423, -1.632, -33.663
Binary	01011010, 10001010, 11000110

#5a8ac6
```
#5a8ac6 rgb(90,138,198)
```
#c6965a
```
#c6965a rgb(198,150,90)
```

Complementary Color

#5ac0c6
```
#5ac0c6 rgb(90,192,198)
```
#5a8ac6
```
#5a8ac6 rgb(90,138,198)
```
#605ac6
```
#605ac6 rgb(96,90,198)
```

Analogous Color

#c0c65a
```
#c0c65a rgb(192,198,90)
```
#5a8ac6
```
#5a8ac6 rgb(90,138,198)
```
#c6605a
```
#c6605a rgb(198,96,90)
```

Split Complementary Color

#8ac65a
```
#8ac65a rgb(138,198,90)
```
#5a8ac6
```
#5a8ac6 rgb(90,138,198)
```
#c65a8a
```
#c65a8a rgb(198,90,138)
```

Triadic Color

#5ac696
```
#5ac696 rgb(90,198,150)
```
#5a8ac6
```
#5a8ac6 rgb(90,138,198)
```
#c65a8a
```
#c65a8a rgb(198,90,138)
```
#c6965a
```
#c6965a rgb(198,150,90)
```

Tetradic Color

#36649d
```
#36649d rgb(54,100,157)
```
#3d70b0
```
#3d70b0 rgb(61,112,176)
```
#477dbf
```
#477dbf rgb(71,125,191)
```
#5a8ac6
```
#5a8ac6 rgb(90,138,198)
```
#6d97cd
```
#6d97cd rgb(109,151,205)
```
#80a5d3
```
#80a5d3 rgb(128,165,211)
```
#93b2da
```
#93b2da rgb(147,178,218)
```

Monochromatic Color

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

#5aa5c6
```
#5aa5c6 rgb(90,165,198)
```
#5a9cc6
```
#5a9cc6 rgb(90,156,198)
```
#5a93c6
```
#5a93c6 rgb(90,147,198)
```
#5a8ac6
```
#5a8ac6 rgb(90,138,198)
```
#5a81c6
```
#5a81c6 rgb(90,129,198)
```
#5a78c6
```
#5a78c6 rgb(90,120,198)
```
#5a6fc6
```
#5a6fc6 rgb(90,111,198)
```

Similar Colors

Text with hexadecimal color #5a8ac6

This text has a font color of #5a8ac6.

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

#5a8ac6 background color

This paragraph has a background color of #5a8ac6.

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

#5a8ac6 border color

This element has a border color of #5a8ac6.

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

CSS codes

.text {color:#5a8ac6;}

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

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

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, #03060a is the darkest color, while #fafcfd is the lightest one.

#03060a
```
#03060a rgb(3,6,10)
```
#081019
```
#081019 rgb(8,16,25)
```
#0e1927
```
#0e1927 rgb(14,25,39)
```
#132236
```
#132236 rgb(19,34,54)
```
#182b44
```
#182b44 rgb(24,43,68)
```
#1d3553
```
#1d3553 rgb(29,53,83)
```
#223e61
```
#223e61 rgb(34,62,97)
```
#274770
```
#274770 rgb(39,71,112)
```
#2c517f
```
#2c517f rgb(44,81,127)
```
#315a8d
```
#315a8d rgb(49,90,141)
```
#36639c
```
#36639c rgb(54,99,156)
```
#3b6caa
```
#3b6caa rgb(59,108,170)
```
#4076b9
```
#4076b9 rgb(64,118,185)
```

Shade Color Variation

#4b80c1
```
#4b80c1 rgb(75,128,193)
```
#5a8ac6
```
#5a8ac6 rgb(90,138,198)
```
#6994cb
```
#6994cb rgb(105,148,203)
```
#779fd0
```
#779fd0 rgb(119,159,208)
```
#86a9d5
```
#86a9d5 rgb(134,169,213)
```
#94b3da
```
#94b3da rgb(148,179,218)
```
#a3bedf
```
#a3bedf rgb(163,190,223)
```
#b1c8e4
```
#b1c8e4 rgb(177,200,228)
```
#c0d2e9
```
#c0d2e9 rgb(192,210,233)
```
#cfddee
```
#cfddee rgb(207,221,238)
```
#dde7f3
```
#dde7f3 rgb(221,231,243)
```
#ecf1f8
```
#ecf1f8 rgb(236,241,248)
```
#fafcfd
```
#fafcfd rgb(250,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d9093 is the less saturated color, while #2784f9 is the most saturated one.

#8d9093
```
#8d9093 rgb(141,144,147)
```
#858f9b
```
#858f9b rgb(133,143,155)
```
#7c8ea4
```
#7c8ea4 rgb(124,142,164)
```
#748dac
```
#748dac rgb(116,141,172)
```
#6b8cb5
```
#6b8cb5 rgb(107,140,181)
```
#638bbd
```
#638bbd rgb(99,139,189)
```
#5a8ac6
```
#5a8ac6 rgb(90,138,198)
```
#5189cf
```
#5189cf rgb(81,137,207)
```
#4988d7
```
#4988d7 rgb(73,136,215)
```
#4087e0
```
#4087e0 rgb(64,135,224)
```
#3886e8
```
#3886e8 rgb(56,134,232)
```
#2f85f1
```
#2f85f1 rgb(47,133,241)
```
#2784f9
```
#2784f9 rgb(39,132,249)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#7a8490 Atypical Achromatopsia 0.001% of the population

Dichromacy

#798bc5 Protanopia 1% of men
#718dca Deuteranopia 1% of men
#5097a2 Tritanopia 0.001% of the population

Trichromacy

#6e8bc5 Protanomaly 1% of men, 0.01% of women
#688bc8 Deuteranomaly 6% of men, 0.4% of women
#5492af Tritanomaly 0.01% of the population

#5a8ac6 hex color

#5a8ac6 Color Information

#5a8ac6 Color Conversion

Color Schemes with #5a8ac6

Alternatives to #5a8ac6

#5a8ac6 Preview

Shades and Tints of #5a8ac6

Tones of #5a8ac6

Color Blindness Simulator