#80a2ca hex color

In a RGB color space, hex #80a2ca is composed of 50.2% red, 63.5% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 36.6% cyan, 19.8% magenta, 0% yellow and 20.8% black. It has a hue angle of 212.4 degrees, a saturation of 41.1% and a lightness of 64.7%. #80a2ca color hex could be obtained by blending #ffffff with #014595. Closest websafe color is: #9999cc.

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

● #80a2ca color description : Slightly desaturated blue.

The hexadecimal color #80a2ca has RGB values of R:128, G:162, B:202 and CMYK values of C:0.37, M:0.2, Y:0, K:0.21. Its decimal value is 8430282.

Hex triplet	80a2ca	`#80a2ca`
RGB Decimal	128, 162, 202	`rgb(128,162,202)`
RGB Percent	50.2, 63.5, 79.2	`rgb(50.2%,63.5%,79.2%)`
CMYK	37, 20, 0, 21
HSL	212.4°, 41.1, 64.7	`hsl(212.4,41.1%,64.7%)`
HSV (or HSB)	212.4°, 36.6, 79.2
Web Safe	9999cc	`#9999cc`

CIE-LAB	65.509, -1.763, -24.215
XYZ	32.481, 34.693, 60.859
xyY	0.254, 0.271, 34.693
CIE-LCH	65.509, 24.279, 265.836
CIE-LUV	65.509, -18.039, -37.288
Hunter-Lab	58.901, -4.643, -20.031
Binary	10000000, 10100010, 11001010

#80a2ca
```
#80a2ca rgb(128,162,202)
```
#caa880
```
#caa880 rgb(202,168,128)
```

Complementary Color

#80c7ca
```
#80c7ca rgb(128,199,202)
```
#80a2ca
```
#80a2ca rgb(128,162,202)
```
#8380ca
```
#8380ca rgb(131,128,202)
```

Analogous Color

#c7ca80
```
#c7ca80 rgb(199,202,128)
```
#80a2ca
```
#80a2ca rgb(128,162,202)
```
#ca8380
```
#ca8380 rgb(202,131,128)
```

Split Complementary Color

#a2ca80
```
#a2ca80 rgb(162,202,128)
```
#80a2ca
```
#80a2ca rgb(128,162,202)
```
#ca80a2
```
#ca80a2 rgb(202,128,162)
```

Triadic Color

#80caa8
```
#80caa8 rgb(128,202,168)
```
#80a2ca
```
#80a2ca rgb(128,162,202)
```
#ca80a2
```
#ca80a2 rgb(202,128,162)
```
#caa880
```
#caa880 rgb(202,168,128)
```

Tetradic Color

#4b7bb3
```
#4b7bb3 rgb(75,123,179)
```
#5c88bb
```
#5c88bb rgb(92,136,187)
```
#6e95c2
```
#6e95c2 rgb(110,149,194)
```
#80a2ca
```
#80a2ca rgb(128,162,202)
```
#92afd2
```
#92afd2 rgb(146,175,210)
```
#a4bcd9
```
#a4bcd9 rgb(164,188,217)
```
#b6cae1
```
#b6cae1 rgb(182,202,225)
```

Monochromatic Color

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

#80b5ca
```
#80b5ca rgb(128,181,202)
```
#80aeca
```
#80aeca rgb(128,174,202)
```
#80a8ca
```
#80a8ca rgb(128,168,202)
```
#80a2ca
```
#80a2ca rgb(128,162,202)
```
#809cca
```
#809cca rgb(128,156,202)
```
#8096ca
```
#8096ca rgb(128,150,202)
```
#8090ca
```
#8090ca rgb(128,144,202)
```

Similar Colors

Text with hexadecimal color #80a2ca

This text has a font color of #80a2ca.

<span style="color:#80a2ca;">Text here</span>

#80a2ca background color

This paragraph has a background color of #80a2ca.

<p style="background-color:#80a2ca;">Content here</p>

#80a2ca border color

This element has a border color of #80a2ca.

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

CSS codes

.text {color:#80a2ca;}

.background {background-color:#80a2ca;}

.border {border:1px solid #80a2ca;}

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, #05080b is the darkest color, while #fdfdfe is the lightest one.

#05080b
```
#05080b rgb(5,8,11)
```
#0b1119
```
#0b1119 rgb(11,17,25)
```
#101b27
```
#101b27 rgb(16,27,39)
```
#162435
```
#162435 rgb(22,36,53)
```
#1c2e43
```
#1c2e43 rgb(28,46,67)
```
#223751
```
#223751 rgb(34,55,81)
```
#27415e
```
#27415e rgb(39,65,94)
```
#2d4a6c
```
#2d4a6c rgb(45,74,108)
```
#33547a
```
#33547a rgb(51,84,122)
```
#395d88
```
#395d88 rgb(57,93,136)
```
#3f6796
```
#3f6796 rgb(63,103,150)
```
#4470a4
```
#4470a4 rgb(68,112,164)
```
#4a7ab1
```
#4a7ab1 rgb(74,122,177)
```

Shade Color Variation

#5684b9
```
#5684b9 rgb(86,132,185)
```
#648ebe
```
#648ebe rgb(100,142,190)
```
#7298c4
```
#7298c4 rgb(114,152,196)
```
#80a2ca
```
#80a2ca rgb(128,162,202)
```
#8eacd0
```
#8eacd0 rgb(142,172,208)
```
#9cb6d6
```
#9cb6d6 rgb(156,182,214)
```
#aac0db
```
#aac0db rgb(170,192,219)
```
#b7cbe1
```
#b7cbe1 rgb(183,203,225)
```
#c5d5e7
```
#c5d5e7 rgb(197,213,231)
```
#d3dfed
```
#d3dfed rgb(211,223,237)
```
#e1e9f2
```
#e1e9f2 rgb(225,233,242)
```
#eff3f8
```
#eff3f8 rgb(239,243,248)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#a3a5a7
```
#a3a5a7 rgb(163,165,167)
```
#9ca4ae
```
#9ca4ae rgb(156,164,174)
```
#95a4b5
```
#95a4b5 rgb(149,164,181)
```
#8ea3bc
```
#8ea3bc rgb(142,163,188)
```
#87a3c3
```
#87a3c3 rgb(135,163,195)
```
#80a2ca
```
#80a2ca rgb(128,162,202)
```
#79a1d1
```
#79a1d1 rgb(121,161,209)
```
#72a1d8
```
#72a1d8 rgb(114,161,216)
```
#6ba0df
```
#6ba0df rgb(107,160,223)
```
#64a0e6
```
#64a0e6 rgb(100,160,230)
```
#5d9fed
```
#5d9fed rgb(93,159,237)
```
#569ff4
```
#569ff4 rgb(86,159,244)
```
#509efa
```
#509efa rgb(80,158,250)
```

Tone Color Variation

Below, you can see how #80a2ca 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

#9c9c9c Achromatopsia 0.005% of the population
#969da5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#99a2c9 Protanopia 1% of men
#9ba1ce Deuteranopia 1% of men
#80aab7 Tritanopia 0.001% of the population

Trichromacy

#90a2c9 Protanomaly 1% of men, 0.01% of women
#91a1cd Deuteranomaly 6% of men, 0.4% of women
#80a7be Tritanomaly 0.01% of the population

#80a2ca hex color

#80a2ca Color Information

#80a2ca Color Conversion

Color Schemes with #80a2ca

Alternatives to #80a2ca

#80a2ca Preview

Shades and Tints of #80a2ca

Tones of #80a2ca

Color Blindness Simulator