#5a8ab3 hex color

In a RGB color space, hex #5a8ab3 is composed of 35.3% red, 54.1% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 49.7% cyan, 22.9% magenta, 0% yellow and 29.8% black. It has a hue angle of 207.6 degrees, a saturation of 36.9% and a lightness of 52.7%. #5a8ab3 color hex could be obtained by blending #b4ffff with #001567. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 35
- G 54
- B 70
RGB color chart
- C 50
- M 23
- Y 0
- K 30
CMYK color chart

● #5a8ab3 color description : Slightly desaturated blue.

The hexadecimal color #5a8ab3 has RGB values of R:90, G:138, B:179 and CMYK values of C:0.5, M:0.23, Y:0, K:0.3. Its decimal value is 5933747.

Hex triplet	5a8ab3	`#5a8ab3`
RGB Decimal	90, 138, 179	`rgb(90,138,179)`
RGB Percent	35.3, 54.1, 70.2	`rgb(35.3%,54.1%,70.2%)`
CMYK	50, 23, 0, 30
HSL	207.6°, 36.9, 52.7	`hsl(207.6,36.9%,52.7%)`
HSV (or HSB)	207.6°, 49.7, 70.2
Web Safe	6699cc	`#6699cc`

CIE-LAB	55.689, -4.639, -26.546
XYZ	21.44, 23.604, 46.072
xyY	0.235, 0.259, 23.604
CIE-LCH	55.689, 26.949, 260.088
CIE-LUV	55.689, -22.372, -39.678
Hunter-Lab	48.584, -6.252, -22.215
Binary	01011010, 10001010, 10110011

#5a8ab3
```
#5a8ab3 rgb(90,138,179)
```
#b3835a
```
#b3835a rgb(179,131,90)
```

Complementary Color

#5ab3b0
```
#5ab3b0 rgb(90,179,176)
```
#5a8ab3
```
#5a8ab3 rgb(90,138,179)
```
#5a5eb3
```
#5a5eb3 rgb(90,94,179)
```

Analogous Color

#b3b05a
```
#b3b05a rgb(179,176,90)
```
#5a8ab3
```
#5a8ab3 rgb(90,138,179)
```
#b35a5e
```
#b35a5e rgb(179,90,94)
```

Split Complementary Color

#8ab35a
```
#8ab35a rgb(138,179,90)
```
#5a8ab3
```
#5a8ab3 rgb(90,138,179)
```
#b35a8a
```
#b35a8a rgb(179,90,138)
```

Triadic Color

#5ab383
```
#5ab383 rgb(90,179,131)
```
#5a8ab3
```
#5a8ab3 rgb(90,138,179)
```
#b35a8a
```
#b35a8a rgb(179,90,138)
```
#b3835a
```
#b3835a rgb(179,131,90)
```

Tetradic Color

#3d6384
```
#3d6384 rgb(61,99,132)
```
#457095
```
#457095 rgb(69,112,149)
```
#4d7da7
```
#4d7da7 rgb(77,125,167)
```
#5a8ab3
```
#5a8ab3 rgb(90,138,179)
```
#6b96bb
```
#6b96bb rgb(107,150,187)
```
#7da3c3
```
#7da3c3 rgb(125,163,195)
```
#8eafcb
```
#8eafcb rgb(142,175,203)
```

Monochromatic Color

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

#5aa0b3
```
#5aa0b3 rgb(90,160,179)
```
#5a99b3
```
#5a99b3 rgb(90,153,179)
```
#5a91b3
```
#5a91b3 rgb(90,145,179)
```
#5a8ab3
```
#5a8ab3 rgb(90,138,179)
```
#5a83b3
```
#5a83b3 rgb(90,131,179)
```
#5a7bb3
```
#5a7bb3 rgb(90,123,179)
```
#5a74b3
```
#5a74b3 rgb(90,116,179)
```

Similar Colors

Text with hexadecimal color #5a8ab3

This text has a font color of #5a8ab3.

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

#5a8ab3 background color

This paragraph has a background color of #5a8ab3.

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

#5a8ab3 border color

This element has a border color of #5a8ab3.

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

CSS codes

.text {color:#5a8ab3;}

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

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

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

#04070a
```
#04070a rgb(4,7,10)
```
#0b1117
```
#0b1117 rgb(11,17,23)
```
#111b24
```
#111b24 rgb(17,27,36)
```
#172532
```
#172532 rgb(23,37,50)
```
#1d303f
```
#1d303f rgb(29,48,63)
```
#233a4d
```
#233a4d rgb(35,58,77)
```
#2a445a
```
#2a445a rgb(42,68,90)
```
#304e68
```
#304e68 rgb(48,78,104)
```
#365875
```
#365875 rgb(54,88,117)
```
#3c6282
```
#3c6282 rgb(60,98,130)
```
#426c90
```
#426c90 rgb(66,108,144)
```
#48769d
```
#48769d rgb(72,118,157)
```
#4f80ab
```
#4f80ab rgb(79,128,171)
```

Shade Color Variation

#5a8ab3
```
#5a8ab3 rgb(90,138,179)
```
#6794b9
```
#6794b9 rgb(103,148,185)
```
#759dbf
```
#759dbf rgb(117,157,191)
```
#82a7c6
```
#82a7c6 rgb(130,167,198)
```
#90b0cc
```
#90b0cc rgb(144,176,204)
```
#9dbad2
```
#9dbad2 rgb(157,186,210)
```
#abc3d8
```
#abc3d8 rgb(171,195,216)
```
#b8cdde
```
#b8cdde rgb(184,205,222)
```
#c5d6e4
```
#c5d6e4 rgb(197,214,228)
```
#d3e0eb
```
#d3e0eb rgb(211,224,235)
```
#e0e9f1
```
#e0e9f1 rgb(224,233,241)
```
#eef3f7
```
#eef3f7 rgb(238,243,247)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f878e is the less saturated color, while #1090fd is the most saturated one.

#7f878e
```
#7f878e rgb(127,135,142)
```
#768897
```
#768897 rgb(118,136,151)
```
#6d89a0
```
#6d89a0 rgb(109,137,160)
```
#6389aa
```
#6389aa rgb(99,137,170)
```
#5a8ab3
```
#5a8ab3 rgb(90,138,179)
```
#518bbc
```
#518bbc rgb(81,139,188)
```
#478bc6
```
#478bc6 rgb(71,139,198)
```
#3e8ccf
```
#3e8ccf rgb(62,140,207)
```
#358dd8
```
#358dd8 rgb(53,141,216)
```
#2c8ee1
```
#2c8ee1 rgb(44,142,225)
```
#228eeb
```
#228eeb rgb(34,142,235)
```
#198ff4
```
#198ff4 rgb(25,143,244)
```
#1090fd
```
#1090fd rgb(16,144,253)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#78828a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f8ab3 Protanopia 1% of men
#7d8ab9 Deuteranopia 1% of men
#58949f Tritanopia 0.001% of the population

Trichromacy

#728ab3 Protanomaly 1% of men, 0.01% of women
#708ab6 Deuteranomaly 6% of men, 0.4% of women
#5990a6 Tritanomaly 0.01% of the population

#5a8ab3 hex color

#5a8ab3 Color Information

#5a8ab3 Color Conversion

Color Schemes with #5a8ab3

Alternatives to #5a8ab3

#5a8ab3 Preview

Shades and Tints of #5a8ab3

Tones of #5a8ab3

Color Blindness Simulator