#5a80c0 hex color

In a RGB color space, hex #5a80c0 is composed of 35.3% red, 50.2% green and 75.3% blue. Whereas in a CMYK color space, it is composed of 53.1% cyan, 33.3% magenta, 0% yellow and 24.7% black. It has a hue angle of 217.6 degrees, a saturation of 44.7% and a lightness of 55.3%. #5a80c0 color hex could be obtained by blending #b4ffff with #000181. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 35
- G 50
- B 75
RGB color chart
- C 53
- M 33
- Y 0
- K 25
CMYK color chart

● #5a80c0 color description : Moderate blue.

The hexadecimal color #5a80c0 has RGB values of R:90, G:128, B:192 and CMYK values of C:0.53, M:0.33, Y:0, K:0.25. Its decimal value is 5931200.

Hex triplet	5a80c0	`#5a80c0`
RGB Decimal	90, 128, 192	`rgb(90,128,192)`
RGB Percent	35.3, 50.2, 75.3	`rgb(35.3%,50.2%,75.3%)`
CMYK	53, 33, 0, 25
HSL	217.6°, 44.7, 55.3	`hsl(217.6,44.7%,55.3%)`
HSV (or HSB)	217.6°, 53.1, 75.3
Web Safe	6699cc	`#6699cc`

CIE-LAB	53.403, 5.257, -37.538
XYZ	21.448, 21.417, 52.87
xyY	0.224, 0.224, 21.417
CIE-LCH	53.403, 37.904, 277.971
CIE-LUV	53.403, -18.539, -58.206
Hunter-Lab	46.278, 1.74, -35.34
Binary	01011010, 10000000, 11000000

#5a80c0
```
#5a80c0 rgb(90,128,192)
```
#c09a5a
```
#c09a5a rgb(192,154,90)
```

Complementary Color

#5ab3c0
```
#5ab3c0 rgb(90,179,192)
```
#5a80c0
```
#5a80c0 rgb(90,128,192)
```
#675ac0
```
#675ac0 rgb(103,90,192)
```

Analogous Color

#b3c05a
```
#b3c05a rgb(179,192,90)
```
#5a80c0
```
#5a80c0 rgb(90,128,192)
```
#c0675a
```
#c0675a rgb(192,103,90)
```

Split Complementary Color

#80c05a
```
#80c05a rgb(128,192,90)
```
#5a80c0
```
#5a80c0 rgb(90,128,192)
```
#c05a80
```
#c05a80 rgb(192,90,128)
```

Triadic Color

#5ac09a
```
#5ac09a rgb(90,192,154)
```
#5a80c0
```
#5a80c0 rgb(90,128,192)
```
#c05a80
```
#c05a80 rgb(192,90,128)
```
#c09a5a
```
#c09a5a rgb(192,154,90)
```

Tetradic Color

#395b95
```
#395b95 rgb(57,91,149)
```
#4066a7
```
#4066a7 rgb(64,102,167)
```
#4872b9
```
#4872b9 rgb(72,114,185)
```
#5a80c0
```
#5a80c0 rgb(90,128,192)
```
#6c8ec7
```
#6c8ec7 rgb(108,142,199)
```
#7f9cce
```
#7f9cce rgb(127,156,206)
```
#91abd5
```
#91abd5 rgb(145,171,213)
```

Monochromatic Color

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

#5a9ac0
```
#5a9ac0 rgb(90,154,192)
```
#5a91c0
```
#5a91c0 rgb(90,145,192)
```
#5a89c0
```
#5a89c0 rgb(90,137,192)
```
#5a80c0
```
#5a80c0 rgb(90,128,192)
```
#5a78c0
```
#5a78c0 rgb(90,120,192)
```
#5a6fc0
```
#5a6fc0 rgb(90,111,192)
```
#5a67c0
```
#5a67c0 rgb(90,103,192)
```

Similar Colors

Text with hexadecimal color #5a80c0

This text has a font color of #5a80c0.

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

#5a80c0 background color

This paragraph has a background color of #5a80c0.

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

#5a80c0 border color

This element has a border color of #5a80c0.

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

CSS codes

.text {color:#5a80c0;}

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

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

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

#020305
```
#020305 rgb(2,3,5)
```
#070c14
```
#070c14 rgb(7,12,20)
```
#0d1522
```
#0d1522 rgb(13,21,34)
```
#121d30
```
#121d30 rgb(18,29,48)
```
#18263e
```
#18263e rgb(24,38,62)
```
#1d2f4c
```
#1d2f4c rgb(29,47,76)
```
#23375b
```
#23375b rgb(35,55,91)
```
#284069
```
#284069 rgb(40,64,105)
```
#2d4977
```
#2d4977 rgb(45,73,119)
```
#335185
```
#335185 rgb(51,81,133)
```
#385a93
```
#385a93 rgb(56,90,147)
```
#3e63a1
```
#3e63a1 rgb(62,99,161)
```
#436cb0
```
#436cb0 rgb(67,108,176)
```

Shade Color Variation

#4c75bb
```
#4c75bb rgb(76,117,187)
```
#5a80c0
```
#5a80c0 rgb(90,128,192)
```
#688bc5
```
#688bc5 rgb(104,139,197)
```
#7696cb
```
#7696cb rgb(118,150,203)
```
#85a1d0
```
#85a1d0 rgb(133,161,208)
```
#93acd6
```
#93acd6 rgb(147,172,214)
```
#a1b7db
```
#a1b7db rgb(161,183,219)
```
#afc2e1
```
#afc2e1 rgb(175,194,225)
```
#bdcce6
```
#bdcce6 rgb(189,204,230)
```
#ccd7eb
```
#ccd7eb rgb(204,215,235)
```
#dae2f1
```
#dae2f1 rgb(218,226,241)
```
#e8edf6
```
#e8edf6 rgb(232,237,246)
```
#f6f8fc
```
#f6f8fc rgb(246,248,252)
```

Tint Color Variation

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

#868b94
```
#868b94 rgb(134,139,148)
```
#7d899d
```
#7d899d rgb(125,137,157)
```
#7487a6
```
#7487a6 rgb(116,135,166)
```
#6c84ae
```
#6c84ae rgb(108,132,174)
```
#6382b7
```
#6382b7 rgb(99,130,183)
```
#5a80c0
```
#5a80c0 rgb(90,128,192)
```
#517ec9
```
#517ec9 rgb(81,126,201)
```
#487cd2
```
#487cd2 rgb(72,124,210)
```
#4079da
```
#4079da rgb(64,121,218)
```
#3777e3
```
#3777e3 rgb(55,119,227)
```
#2e75ec
```
#2e75ec rgb(46,117,236)
```
#2573f5
```
#2573f5 rgb(37,115,245)
```
#1d70fd
```
#1d70fd rgb(29,112,253)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#757d8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f84c1 Protanopia 1% of men
#6685c3 Deuteranopia 1% of men
#4f8f99 Tritanopia 0.001% of the population

Trichromacy

#6782c0 Protanomaly 1% of men, 0.01% of women
#6183c2 Deuteranomaly 6% of men, 0.4% of women
#5389a7 Tritanomaly 0.01% of the population

#5a80c0 hex color

#5a80c0 Color Information

#5a80c0 Color Conversion

Color Schemes with #5a80c0

Alternatives to #5a80c0

#5a80c0 Preview

Shades and Tints of #5a80c0

Tones of #5a80c0

Color Blindness Simulator