#5a88c1 hex color

In a RGB color space, hex #5a88c1 is composed of 35.3% red, 53.3% green and 75.7% blue. Whereas in a CMYK color space, it is composed of 53.4% cyan, 29.5% magenta, 0% yellow and 24.3% black. It has a hue angle of 213.2 degrees, a saturation of 45.4% and a lightness of 55.5%. #5a88c1 color hex could be obtained by blending #b4ffff with #001183. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 35
- G 53
- B 76
RGB color chart
- C 53
- M 30
- Y 0
- K 24
CMYK color chart

● #5a88c1 color description : Moderate blue.

The hexadecimal color #5a88c1 has RGB values of R:90, G:136, B:193 and CMYK values of C:0.53, M:0.3, Y:0, K:0.24. Its decimal value is 5933249.

Hex triplet	5a88c1	`#5a88c1`
RGB Decimal	90, 136, 193	`rgb(90,136,193)`
RGB Percent	35.3, 53.3, 75.7	`rgb(35.3%,53.3%,75.7%)`
CMYK	53, 30, 0, 24
HSL	213.2°, 45.4, 55.5	`hsl(213.2,45.4%,55.5%)`
HSV (or HSB)	213.2°, 53.4, 75.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	55.716, 0.84, -34.482
XYZ	22.644, 23.631, 53.817
xyY	0.226, 0.236, 23.631
CIE-LCH	55.716, 34.492, 271.395
CIE-LUV	55.716, -21.482, -53.189
Hunter-Lab	48.612, -1.923, -31.611
Binary	01011010, 10001000, 11000001

#5a88c1
```
#5a88c1 rgb(90,136,193)
```
#c1935a
```
#c1935a rgb(193,147,90)
```

Complementary Color

#5abcc1
```
#5abcc1 rgb(90,188,193)
```
#5a88c1
```
#5a88c1 rgb(90,136,193)
```
#605ac1
```
#605ac1 rgb(96,90,193)
```

Analogous Color

#bcc15a
```
#bcc15a rgb(188,193,90)
```
#5a88c1
```
#5a88c1 rgb(90,136,193)
```
#c1605a
```
#c1605a rgb(193,96,90)
```

Split Complementary Color

#88c15a
```
#88c15a rgb(136,193,90)
```
#5a88c1
```
#5a88c1 rgb(90,136,193)
```
#c15a88
```
#c15a88 rgb(193,90,136)
```

Triadic Color

#5ac193
```
#5ac193 rgb(90,193,147)
```
#5a88c1
```
#5a88c1 rgb(90,136,193)
```
#c15a88
```
#c15a88 rgb(193,90,136)
```
#c1935a
```
#c1935a rgb(193,147,90)
```

Tetradic Color

#386296
```
#386296 rgb(56,98,150)
```
#3f6ea9
```
#3f6ea9 rgb(63,110,169)
```
#477bba
```
#477bba rgb(71,123,186)
```
#5a88c1
```
#5a88c1 rgb(90,136,193)
```
#6d95c8
```
#6d95c8 rgb(109,149,200)
```
#7fa3cf
```
#7fa3cf rgb(127,163,207)
```
#92b0d6
```
#92b0d6 rgb(146,176,214)
```

Monochromatic Color

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

#5aa2c1
```
#5aa2c1 rgb(90,162,193)
```
#5a99c1
```
#5a99c1 rgb(90,153,193)
```
#5a91c1
```
#5a91c1 rgb(90,145,193)
```
#5a88c1
```
#5a88c1 rgb(90,136,193)
```
#5a7fc1
```
#5a7fc1 rgb(90,127,193)
```
#5a77c1
```
#5a77c1 rgb(90,119,193)
```
#5a6ec1
```
#5a6ec1 rgb(90,110,193)
```

Similar Colors

Text with hexadecimal color #5a88c1

This text has a font color of #5a88c1.

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

#5a88c1 background color

This paragraph has a background color of #5a88c1.

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

#5a88c1 border color

This element has a border color of #5a88c1.

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

CSS codes

.text {color:#5a88c1;}

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

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

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

#020406
```
#020406 rgb(2,4,6)
```
#080d14
```
#080d14 rgb(8,13,20)
```
#0d1723
```
#0d1723 rgb(13,23,35)
```
#122031
```
#122031 rgb(18,32,49)
```
#18293f
```
#18293f rgb(24,41,63)
```
#1d334d
```
#1d334d rgb(29,51,77)
```
#223c5c
```
#223c5c rgb(34,60,92)
```
#28456a
```
#28456a rgb(40,69,106)
```
#2d4f78
```
#2d4f78 rgb(45,79,120)
```
#335886
```
#335886 rgb(51,88,134)
```
#386195
```
#386195 rgb(56,97,149)
```
#3d6ba3
```
#3d6ba3 rgb(61,107,163)
```
#4374b1
```
#4374b1 rgb(67,116,177)
```

Shade Color Variation

#4c7ebc
```
#4c7ebc rgb(76,126,188)
```
#5a88c1
```
#5a88c1 rgb(90,136,193)
```
#6892c6
```
#6892c6 rgb(104,146,198)
```
#779dcc
```
#779dcc rgb(119,157,204)
```
#85a7d1
```
#85a7d1 rgb(133,167,209)
```
#93b1d6
```
#93b1d6 rgb(147,177,214)
```
#a1bbdc
```
#a1bbdc rgb(161,187,220)
```
#b0c6e1
```
#b0c6e1 rgb(176,198,225)
```
#bed0e7
```
#bed0e7 rgb(190,208,231)
```
#ccdaec
```
#ccdaec rgb(204,218,236)
```
#dae5f1
```
#dae5f1 rgb(218,229,241)
```
#e9eff7
```
#e9eff7 rgb(233,239,247)
```
#f7f9fc
```
#f7f9fc rgb(247,249,252)
```

Tint Color Variation

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

#868d95
```
#868d95 rgb(134,141,149)
```
#7d8c9e
```
#7d8c9e rgb(125,140,158)
```
#748ba7
```
#748ba7 rgb(116,139,167)
```
#6b8ab0
```
#6b8ab0 rgb(107,138,176)
```
#6389b8
```
#6389b8 rgb(99,137,184)
```
#5a88c1
```
#5a88c1 rgb(90,136,193)
```
#5187ca
```
#5187ca rgb(81,135,202)
```
#4986d2
```
#4986d2 rgb(73,134,210)
```
#4085db
```
#4085db rgb(64,133,219)
```
#3784e4
```
#3784e4 rgb(55,132,228)
```
#2e83ed
```
#2e83ed rgb(46,131,237)
```
#2682f5
```
#2682f5 rgb(38,130,245)
```
#1d81fe
```
#1d81fe rgb(29,129,254)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#79828e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7989c1 Protanopia 1% of men
#718ac5 Deuteranopia 1% of men
#5295a0 Tritanopia 0.001% of the population

Trichromacy

#6d89c1 Protanomaly 1% of men, 0.01% of women
#6989c3 Deuteranomaly 6% of men, 0.4% of women
#5590ac Tritanomaly 0.01% of the population

#5a88c1 hex color

#5a88c1 Color Information

#5a88c1 Color Conversion

Color Schemes with #5a88c1

Alternatives to #5a88c1

#5a88c1 Preview

Shades and Tints of #5a88c1

Tones of #5a88c1

Color Blindness Simulator