#5a88a9 hex color

In a RGB color space, hex #5a88a9 is composed of 35.3% red, 53.3% green and 66.3% blue. Whereas in a CMYK color space, it is composed of 46.7% cyan, 19.5% magenta, 0% yellow and 33.7% black. It has a hue angle of 205.1 degrees, a saturation of 31.5% and a lightness of 50.8%. #5a88a9 color hex could be obtained by blending #b4ffff with #001153. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 35
- G 53
- B 66
RGB color chart
- C 47
- M 20
- Y 0
- K 34
CMYK color chart

● #5a88a9 color description : Dark moderate blue.

The hexadecimal color #5a88a9 has RGB values of R:90, G:136, B:169 and CMYK values of C:0.47, M:0.2, Y:0, K:0.34. Its decimal value is 5933225.

Hex triplet	5a88a9	`#5a88a9`
RGB Decimal	90, 136, 169	`rgb(90,136,169)`
RGB Percent	35.3, 53.3, 66.3	`rgb(35.3%,53.3%,66.3%)`
CMYK	47, 20, 0, 34
HSL	205.1°, 31.5, 50.8	`hsl(205.1,31.5%,50.8%)`
HSV (or HSB)	205.1°, 46.7, 66.3
Web Safe	669999	`#669999`

CIE-LAB	54.705, -6.478, -22.332
XYZ	20.18, 22.646, 40.842
xyY	0.241, 0.271, 22.646
CIE-LCH	54.705, 23.252, 253.824
CIE-LUV	54.705, -21.693, -32.596
Hunter-Lab	47.587, -7.581, -17.574
Binary	01011010, 10001000, 10101001

#5a88a9
```
#5a88a9 rgb(90,136,169)
```
#a97b5a
```
#a97b5a rgb(169,123,90)
```

Complementary Color

#5aa9a3
```
#5aa9a3 rgb(90,169,163)
```
#5a88a9
```
#5a88a9 rgb(90,136,169)
```
#5a61a9
```
#5a61a9 rgb(90,97,169)
```

Analogous Color

#a9a35a
```
#a9a35a rgb(169,163,90)
```
#5a88a9
```
#5a88a9 rgb(90,136,169)
```
#a95a61
```
#a95a61 rgb(169,90,97)
```

Split Complementary Color

#88a95a
```
#88a95a rgb(136,169,90)
```
#5a88a9
```
#5a88a9 rgb(90,136,169)
```
#a95a88
```
#a95a88 rgb(169,90,136)
```

Triadic Color

#5aa97b
```
#5aa97b rgb(90,169,123)
```
#5a88a9
```
#5a88a9 rgb(90,136,169)
```
#a95a88
```
#a95a88 rgb(169,90,136)
```
#a97b5a
```
#a97b5a rgb(169,123,90)
```

Tetradic Color

#3f6078
```
#3f6078 rgb(63,96,120)
```
#476d89
```
#476d89 rgb(71,109,137)
```
#507b99
```
#507b99 rgb(80,123,153)
```
#5a88a9
```
#5a88a9 rgb(90,136,169)
```
#6b94b2
```
#6b94b2 rgb(107,148,178)
```
#7ca0ba
```
#7ca0ba rgb(124,160,186)
```
#8cacc3
```
#8cacc3 rgb(140,172,195)
```

Monochromatic Color

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

#5a9ca9
```
#5a9ca9 rgb(90,156,169)
```
#5a95a9
```
#5a95a9 rgb(90,149,169)
```
#5a8fa9
```
#5a8fa9 rgb(90,143,169)
```
#5a88a9
```
#5a88a9 rgb(90,136,169)
```
#5a81a9
```
#5a81a9 rgb(90,129,169)
```
#5a7ba9
```
#5a7ba9 rgb(90,123,169)
```
#5a74a9
```
#5a74a9 rgb(90,116,169)
```

Similar Colors

Text with hexadecimal color #5a88a9

This text has a font color of #5a88a9.

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

#5a88a9 background color

This paragraph has a background color of #5a88a9.

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

#5a88a9 border color

This element has a border color of #5a88a9.

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

CSS codes

.text {color:#5a88a9;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#080c10
```
#080c10 rgb(8,12,16)
```
#0f171c
```
#0f171c rgb(15,23,28)
```
#162129
```
#162129 rgb(22,33,41)
```
#1c2b36
```
#1c2b36 rgb(28,43,54)
```
#233643
```
#233643 rgb(35,54,67)
```
#2a4050
```
#2a4050 rgb(42,64,80)
```
#304a5d
```
#304a5d rgb(48,74,93)
```
#37556a
```
#37556a rgb(55,85,106)
```
#3e5f77
```
#3e5f77 rgb(62,95,119)
```
#456984
```
#456984 rgb(69,105,132)
```
#4b7490
```
#4b7490 rgb(75,116,144)
```
#527e9d
```
#527e9d rgb(82,126,157)
```

Shade Color Variation

#5a88a9
```
#5a88a9 rgb(90,136,169)
```
#6791b0
```
#6791b0 rgb(103,145,176)
```
#749bb6
```
#749bb6 rgb(116,155,182)
```
#81a4bd
```
#81a4bd rgb(129,164,189)
```
#8eadc4
```
#8eadc4 rgb(142,173,196)
```
#9ab6cb
```
#9ab6cb rgb(154,182,203)
```
#a7c0d1
```
#a7c0d1 rgb(167,192,209)
```
#b4c9d8
```
#b4c9d8 rgb(180,201,216)
```
#c1d2df
```
#c1d2df rgb(193,210,223)
```
#cedce5
```
#cedce5 rgb(206,220,229)
```
#dbe5ec
```
#dbe5ec rgb(219,229,236)
```
#e8eef3
```
#e8eef3 rgb(232,238,243)
```
#f5f8fa
```
#f5f8fa rgb(245,248,250)
```

Tint Color Variation

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

#818282
```
#818282 rgb(129,130,130)
```
#77838c
```
#77838c rgb(119,131,140)
```
#6d8596
```
#6d8596 rgb(109,133,150)
```
#64869f
```
#64869f rgb(100,134,159)
```
#5a88a9
```
#5a88a9 rgb(90,136,169)
```
#508ab3
```
#508ab3 rgb(80,138,179)
```
#478bbc
```
#478bbc rgb(71,139,188)
```
#3d8dc6
```
#3d8dc6 rgb(61,141,198)
```
#338ed0
```
#338ed0 rgb(51,142,208)
```
#2a90d9
```
#2a90d9 rgb(42,144,217)
```
#2092e3
```
#2092e3 rgb(32,146,227)
```
#1693ed
```
#1693ed rgb(22,147,237)
```
#0d95f6
```
#0d95f6 rgb(13,149,246)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#778087 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8088a9 Protanopia 1% of men
#7f87b0 Deuteranopia 1% of men
#5b919c Tritanopia 0.001% of the population

Trichromacy

#7288a9 Protanomaly 1% of men, 0.01% of women
#7287ad Deuteranomaly 6% of men, 0.4% of women
#5b8ea0 Tritanomaly 0.01% of the population

#5a88a9 hex color

#5a88a9 Color Information

#5a88a9 Color Conversion

Color Schemes with #5a88a9

Alternatives to #5a88a9

#5a88a9 Preview

Shades and Tints of #5a88a9

Tones of #5a88a9

Color Blindness Simulator