colorhexa.com

#5a8eb1 hex color

In a RGB color space, hex #5a8eb1 is composed of 35.3% red, 55.7% green and 69.4% blue. Whereas in a CMYK color space, it is composed of 49.2% cyan, 19.8% magenta, 0% yellow and 30.6% black. It has a hue angle of 204.1 degrees, a saturation of 35.8% and a lightness of 52.4%. #5a8eb1 color hex could be obtained by blending #b4ffff with #001d63. Closest websafe color is: #669999.

- R 35
- G 56
- B 69
RGB color chart
- C 49
- M 20
- Y 0
- K 31
CMYK color chart

● #5a8eb1 color description : Dark moderate blue.

The hexadecimal color #5a8eb1 has RGB values of R:90, G:142, B:177 and CMYK values of C:0.49, M:0.2, Y:0, K:0.31. Its decimal value is 5934769.

Hex triplet	5a8eb1	`#5a8eb1`
RGB Decimal	90, 142, 177	`rgb(90,142,177)`
RGB Percent	35.3, 55.7, 69.4	`rgb(35.3%,55.7%,69.4%)`
CMYK	49, 20, 0, 31
HSL	204.1°, 35.8, 52.4	`hsl(204.1,35.8%,52.4%)`
HSV (or HSB)	204.1°, 49.2, 69.4
Web Safe	669999	`#669999`

CIE-LAB	56.775, -7.514, -23.731
XYZ	21.823, 24.693, 45.209
xyY	0.238, 0.269, 24.693
CIE-LCH	56.775, 24.892, 252.432
CIE-LUV	56.775, -23.959, -34.918
Hunter-Lab	49.692, -8.568, -19.157
Binary	01011010, 10001110, 10110001

#5a8eb1
```
#5a8eb1 rgb(90,142,177)
```
#b17d5a
```
#b17d5a rgb(177,125,90)
```

Complementary Color

#5ab1a9
```
#5ab1a9 rgb(90,177,169)
```
#5a8eb1
```
#5a8eb1 rgb(90,142,177)
```
#5a63b1
```
#5a63b1 rgb(90,99,177)
```

Analogous Color

#b1a95a
```
#b1a95a rgb(177,169,90)
```
#5a8eb1
```
#5a8eb1 rgb(90,142,177)
```
#b15a63
```
#b15a63 rgb(177,90,99)
```

Split Complementary Color

#8eb15a
```
#8eb15a rgb(142,177,90)
```
#5a8eb1
```
#5a8eb1 rgb(90,142,177)
```
#b15a8e
```
#b15a8e rgb(177,90,142)
```

Triadic Color

#5ab17d
```
#5ab17d rgb(90,177,125)
```
#5a8eb1
```
#5a8eb1 rgb(90,142,177)
```
#b15a8e
```
#b15a8e rgb(177,90,142)
```
#b17d5a
```
#b17d5a rgb(177,125,90)
```

Tetradic Color

#3d6681
```
#3d6681 rgb(61,102,129)
```
#457493
```
#457493 rgb(69,116,147)
```
#4e81a4
```
#4e81a4 rgb(78,129,164)
```
#5a8eb1
```
#5a8eb1 rgb(90,142,177)
```
#6b9ab9
```
#6b9ab9 rgb(107,154,185)
```
#7da6c1
```
#7da6c1 rgb(125,166,193)
```
#8eb2ca
```
#8eb2ca rgb(142,178,202)
```

Monochromatic Color

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

#5aa4b1
```
#5aa4b1 rgb(90,164,177)
```
#5a9db1
```
#5a9db1 rgb(90,157,177)
```
#5a95b1
```
#5a95b1 rgb(90,149,177)
```
#5a8eb1
```
#5a8eb1 rgb(90,142,177)
```
#5a87b1
```
#5a87b1 rgb(90,135,177)
```
#5a80b1
```
#5a80b1 rgb(90,128,177)
```
#5a78b1
```
#5a78b1 rgb(90,120,177)
```

Similar Colors

Text with hexadecimal color #5a8eb1

This text has a font color of #5a8eb1.

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

#5a8eb1 background color

This paragraph has a background color of #5a8eb1.

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

#5a8eb1 border color

This element has a border color of #5a8eb1.

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

CSS codes

.text {color:#5a8eb1;}

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

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

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

#040608
```
#040608 rgb(4,6,8)
```
#0a1115
```
#0a1115 rgb(10,17,21)
```
#101b23
```
#101b23 rgb(16,27,35)
```
#172630
```
#172630 rgb(23,38,48)
```
#1d303d
```
#1d303d rgb(29,48,61)
```
#233b4b
```
#233b4b rgb(35,59,75)
```
#2a4558
```
#2a4558 rgb(42,69,88)
```
#305065
```
#305065 rgb(48,80,101)
```
#365a73
```
#365a73 rgb(54,90,115)
```
#3d6580
```
#3d6580 rgb(61,101,128)
```
#436f8d
```
#436f8d rgb(67,111,141)
```
#497a9b
```
#497a9b rgb(73,122,155)
```
#4f84a8
```
#4f84a8 rgb(79,132,168)
```

Shade Color Variation

#5a8eb1
```
#5a8eb1 rgb(90,142,177)
```
#6797b7
```
#6797b7 rgb(103,151,183)
```
#75a0be
```
#75a0be rgb(117,160,190)
```
#82a9c4
```
#82a9c4 rgb(130,169,196)
```
#8fb2ca
```
#8fb2ca rgb(143,178,202)
```
#9dbcd0
```
#9dbcd0 rgb(157,188,208)
```
#aac5d7
```
#aac5d7 rgb(170,197,215)
```
#b7cedd
```
#b7cedd rgb(183,206,221)
```
#c5d7e3
```
#c5d7e3 rgb(197,215,227)
```
#d2e0ea
```
#d2e0ea rgb(210,224,234)
```
#dfe9f0
```
#dfe9f0 rgb(223,233,240)
```
#edf2f6
```
#edf2f6 rgb(237,242,246)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

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

#7f878c
```
#7f878c rgb(127,135,140)
```
#768995
```
#768995 rgb(118,137,149)
```
#6d8a9e
```
#6d8a9e rgb(109,138,158)
```
#638ca8
```
#638ca8 rgb(99,140,168)
```
#5a8eb1
```
#5a8eb1 rgb(90,142,177)
```
#5190ba
```
#5190ba rgb(81,144,186)
```
#4792c4
```
#4792c4 rgb(71,146,196)
```
#3e93cd
```
#3e93cd rgb(62,147,205)
```
#3595d6
```
#3595d6 rgb(53,149,214)
```
#2b97e0
```
#2b97e0 rgb(43,151,224)
```
#2299e9
```
#2299e9 rgb(34,153,233)
```
#199bf2
```
#199bf2 rgb(25,155,242)
```
#0f9dfc
```
#0f9dfc rgb(15,157,252)
```

Tone Color Variation

Below, you can see how #5a8eb1 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
#7a848b Atypical Achromatopsia 0.001% of the population

Dichromacy

#848db0 Protanopia 1% of men
#838cb7 Deuteranopia 1% of men
#5b97a2 Tritanopia 0.001% of the population

Trichromacy

#758db0 Protanomaly 1% of men, 0.01% of women
#748cb5 Deuteranomaly 6% of men, 0.4% of women
#5a93a7 Tritanomaly 0.01% of the population