#5a80ca hex color

In a RGB color space, hex #5a80ca is composed of 35.3% red, 50.2% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 55.4% cyan, 36.6% magenta, 0% yellow and 20.8% black. It has a hue angle of 219.6 degrees, a saturation of 51.4% and a lightness of 57.3%. #5a80ca color hex could be obtained by blending #b4ffff with #000195. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 35
- G 50
- B 79
RGB color chart
- C 55
- M 37
- Y 0
- K 21
CMYK color chart

● #5a80ca color description : Moderate blue.

The hexadecimal color #5a80ca has RGB values of R:90, G:128, B:202 and CMYK values of C:0.55, M:0.37, Y:0, K:0.21. Its decimal value is 5931210.

Hex triplet	5a80ca	`#5a80ca`
RGB Decimal	90, 128, 202	`rgb(90,128,202)`
RGB Percent	35.3, 50.2, 79.2	`rgb(35.3%,50.2%,79.2%)`
CMYK	55, 37, 0, 21
HSL	219.6°, 51.4, 57.3	`hsl(219.6,51.4%,57.3%)`
HSV (or HSB)	219.6°, 55.4, 79.2
Web Safe	6699cc	`#6699cc`

CIE-LAB	53.894, 8.465, -42.458
XYZ	22.594, 21.875, 58.906
xyY	0.219, 0.212, 21.875
CIE-LCH	53.894, 43.294, 281.276
CIE-LUV	53.894, -18.56, -66.607
Hunter-Lab	46.771, 4.381, -41.933
Binary	01011010, 10000000, 11001010

#5a80ca
```
#5a80ca rgb(90,128,202)
```
#caa45a
```
#caa45a rgb(202,164,90)
```

Complementary Color

#5ab8ca
```
#5ab8ca rgb(90,184,202)
```
#5a80ca
```
#5a80ca rgb(90,128,202)
```
#6c5aca
```
#6c5aca rgb(108,90,202)
```

Analogous Color

#b8ca5a
```
#b8ca5a rgb(184,202,90)
```
#5a80ca
```
#5a80ca rgb(90,128,202)
```
#ca6c5a
```
#ca6c5a rgb(202,108,90)
```

Split Complementary Color

#80ca5a
```
#80ca5a rgb(128,202,90)
```
#5a80ca
```
#5a80ca rgb(90,128,202)
```
#ca5a80
```
#ca5a80 rgb(202,90,128)
```

Triadic Color

#5acaa4
```
#5acaa4 rgb(90,202,164)
```
#5a80ca
```
#5a80ca rgb(90,128,202)
```
#ca5a80
```
#ca5a80 rgb(202,90,128)
```
#caa45a
```
#caa45a rgb(202,164,90)
```

Tetradic Color

#345aa3
```
#345aa3 rgb(52,90,163)
```
#3b65b6
```
#3b65b6 rgb(59,101,182)
```
#4771c4
```
#4771c4 rgb(71,113,196)
```
#5a80ca
```
#5a80ca rgb(90,128,202)
```
#6d8fd0
```
#6d8fd0 rgb(109,143,208)
```
#819ed6
```
#819ed6 rgb(129,158,214)
```
#94addd
```
#94addd rgb(148,173,221)
```

Monochromatic Color

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

#5a9cca
```
#5a9cca rgb(90,156,202)
```
#5a93ca
```
#5a93ca rgb(90,147,202)
```
#5a89ca
```
#5a89ca rgb(90,137,202)
```
#5a80ca
```
#5a80ca rgb(90,128,202)
```
#5a77ca
```
#5a77ca rgb(90,119,202)
```
#5a6dca
```
#5a6dca rgb(90,109,202)
```
#5a64ca
```
#5a64ca rgb(90,100,202)
```

Similar Colors

Text with hexadecimal color #5a80ca

This text has a font color of #5a80ca.

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

#5a80ca background color

This paragraph has a background color of #5a80ca.

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

#5a80ca border color

This element has a border color of #5a80ca.

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

CSS codes

.text {color:#5a80ca;}

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

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

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

#04070d
```
#04070d rgb(4,7,13)
```
#090f1c
```
#090f1c rgb(9,15,28)
```
#0e182b
```
#0e182b rgb(14,24,43)
```
#13203a
```
#13203a rgb(19,32,58)
```
#172849
```
#172849 rgb(23,40,73)
```
#1c3057
```
#1c3057 rgb(28,48,87)
```
#213866
```
#213866 rgb(33,56,102)
```
#264175
```
#264175 rgb(38,65,117)
```
#2a4984
```
#2a4984 rgb(42,73,132)
```
#2f5193
```
#2f5193 rgb(47,81,147)
```
#3459a2
```
#3459a2 rgb(52,89,162)
```
#3961b0
```
#3961b0 rgb(57,97,176)
```
#3d6abf
```
#3d6abf rgb(61,106,191)
```

Shade Color Variation

#4b75c5
```
#4b75c5 rgb(75,117,197)
```
#5a80ca
```
#5a80ca rgb(90,128,202)
```
#698bcf
```
#698bcf rgb(105,139,207)
```
#7897d4
```
#7897d4 rgb(120,151,212)
```
#87a2d8
```
#87a2d8 rgb(135,162,216)
```
#95aedd
```
#95aedd rgb(149,174,221)
```
#a4b9e2
```
#a4b9e2 rgb(164,185,226)
```
#b3c5e7
```
#b3c5e7 rgb(179,197,231)
```
#c2d0eb
```
#c2d0eb rgb(194,208,235)
```
#d1dbf0
```
#d1dbf0 rgb(209,219,240)
```
#e0e7f5
```
#e0e7f5 rgb(224,231,245)
```
#eef2fa
```
#eef2fa rgb(238,242,250)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c9098 is the less saturated color, while #2870fc is the most saturated one.

#8c9098
```
#8c9098 rgb(140,144,152)
```
#848da0
```
#848da0 rgb(132,141,160)
```
#7c8ba8
```
#7c8ba8 rgb(124,139,168)
```
#7388b1
```
#7388b1 rgb(115,136,177)
```
#6b85b9
```
#6b85b9 rgb(107,133,185)
```
#6283c2
```
#6283c2 rgb(98,131,194)
```
#5a80ca
```
#5a80ca rgb(90,128,202)
```
#527dd2
```
#527dd2 rgb(82,125,210)
```
#497bdb
```
#497bdb rgb(73,123,219)
```
#4178e3
```
#4178e3 rgb(65,120,227)
```
#3875ec
```
#3875ec rgb(56,117,236)
```
#3073f4
```
#3073f4 rgb(48,115,244)
```
#2870fc
```
#2870fc rgb(40,112,252)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#767e8c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b85cb Protanopia 1% of men
#5e87cc Deuteranopia 1% of men
#4a919b Tritanopia 0.001% of the population

Trichromacy

#6483cb Protanomaly 1% of men, 0.01% of women
#5c84cb Deuteranomaly 6% of men, 0.4% of women
#508bac Tritanomaly 0.01% of the population

#5a80ca hex color

#5a80ca Color Information

#5a80ca Color Conversion

Color Schemes with #5a80ca

Alternatives to #5a80ca

#5a80ca Preview

Shades and Tints of #5a80ca

Tones of #5a80ca

Color Blindness Simulator