#80a2ea hex color

In a RGB color space, hex #80a2ea is composed of 50.2% red, 63.5% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 45.3% cyan, 30.8% magenta, 0% yellow and 8.2% black. It has a hue angle of 220.8 degrees, a saturation of 71.6% and a lightness of 71%. #80a2ea color hex could be obtained by blending #ffffff with #0145d5. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 50
- G 64
- B 92
RGB color chart
- C 45
- M 31
- Y 0
- K 8
CMYK color chart

● #80a2ea color description : Soft blue.

The hexadecimal color #80a2ea has RGB values of R:128, G:162, B:234 and CMYK values of C:0.45, M:0.31, Y:0, K:0.08. Its decimal value is 8430314.

Hex triplet	80a2ea	`#80a2ea`
RGB Decimal	128, 162, 234	`rgb(128,162,234)`
RGB Percent	50.2, 63.5, 91.8	`rgb(50.2%,63.5%,91.8%)`
CMYK	45, 31, 0, 8
HSL	220.8°, 71.6, 71	`hsl(220.8,71.6%,71%)`
HSV (or HSB)	220.8°, 45.3, 91.8
Web Safe	9999ff	`#9999ff`

CIE-LAB	66.801, 7.096, -39.884
XYZ	36.67, 36.369, 82.925
xyY	0.235, 0.233, 36.369
CIE-LCH	66.801, 40.51, 280.088
CIE-LUV	66.801, -18.517, -64.644
Hunter-Lab	60.307, 3.003, -39.312
Binary	10000000, 10100010, 11101010

#80a2ea
```
#80a2ea rgb(128,162,234)
```
#eac880
```
#eac880 rgb(234,200,128)
```

Complementary Color

#80d7ea
```
#80d7ea rgb(128,215,234)
```
#80a2ea
```
#80a2ea rgb(128,162,234)
```
#9380ea
```
#9380ea rgb(147,128,234)
```

Analogous Color

#d7ea80
```
#d7ea80 rgb(215,234,128)
```
#80a2ea
```
#80a2ea rgb(128,162,234)
```
#ea9380
```
#ea9380 rgb(234,147,128)
```

Split Complementary Color

#a2ea80
```
#a2ea80 rgb(162,234,128)
```
#80a2ea
```
#80a2ea rgb(128,162,234)
```
#ea80a2
```
#ea80a2 rgb(234,128,162)
```

Triadic Color

#80eac8
```
#80eac8 rgb(128,234,200)
```
#80a2ea
```
#80a2ea rgb(128,162,234)
```
#ea80a2
```
#ea80a2 rgb(234,128,162)
```
#eac880
```
#eac880 rgb(234,200,128)
```

Tetradic Color

#3e72df
```
#3e72df rgb(62,114,223)
```
#5482e3
```
#5482e3 rgb(84,130,227)
```
#6a92e6
```
#6a92e6 rgb(106,146,230)
```
#80a2ea
```
#80a2ea rgb(128,162,234)
```
#96b2ee
```
#96b2ee rgb(150,178,238)
```
#acc2f1
```
#acc2f1 rgb(172,194,241)
```
#c2d2f5
```
#c2d2f5 rgb(194,210,245)
```

Monochromatic Color

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

#80bdea
```
#80bdea rgb(128,189,234)
```
#80b4ea
```
#80b4ea rgb(128,180,234)
```
#80abea
```
#80abea rgb(128,171,234)
```
#80a2ea
```
#80a2ea rgb(128,162,234)
```
#8099ea
```
#8099ea rgb(128,153,234)
```
#8090ea
```
#8090ea rgb(128,144,234)
```
#8088ea
```
#8088ea rgb(128,136,234)
```

Similar Colors

Text with hexadecimal color #80a2ea

This text has a font color of #80a2ea.

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

#80a2ea background color

This paragraph has a background color of #80a2ea.

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

#80a2ea border color

This element has a border color of #80a2ea.

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

CSS codes

.text {color:#80a2ea;}

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

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

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

#010308
```
#010308 rgb(1,3,8)
```
#040b18
```
#040b18 rgb(4,11,24)
```
#071229
```
#071229 rgb(7,18,41)
```
#0a193a
```
#0a193a rgb(10,25,58)
```
#0c204b
```
#0c204b rgb(12,32,75)
```
#0f285c
```
#0f285c rgb(15,40,92)
```
#122f6d
```
#122f6d rgb(18,47,109)
```
#15367d
```
#15367d rgb(21,54,125)
```
#183e8e
```
#183e8e rgb(24,62,142)
```
#1a459f
```
#1a459f rgb(26,69,159)
```
#1d4cb0
```
#1d4cb0 rgb(29,76,176)
```
#2054c1
```
#2054c1 rgb(32,84,193)
```
#235bd2
```
#235bd2 rgb(35,91,210)
```

Shade Color Variation

#2c64dc
```
#2c64dc rgb(44,100,220)
```
#3d71df
```
#3d71df rgb(61,113,223)
```
#4e7de2
```
#4e7de2 rgb(78,125,226)
```
#5e89e4
```
#5e89e4 rgb(94,137,228)
```
#6f96e7
```
#6f96e7 rgb(111,150,231)
```
#80a2ea
```
#80a2ea rgb(128,162,234)
```
#91aeed
```
#91aeed rgb(145,174,237)
```
#a2bbf0
```
#a2bbf0 rgb(162,187,240)
```
#b2c7f2
```
#b2c7f2 rgb(178,199,242)
```
#c3d3f5
```
#c3d3f5 rgb(195,211,245)
```
#d4e0f8
```
#d4e0f8 rgb(212,224,248)
```
#e5ecfb
```
#e5ecfb rgb(229,236,251)
```
#f6f8fd
```
#f6f8fd rgb(246,248,253)
```

Tint Color Variation

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

#b3b4b7
```
#b3b4b7 rgb(179,180,183)
```
#aeb2bc
```
#aeb2bc rgb(174,178,188)
```
#a8b0c2
```
#a8b0c2 rgb(168,176,194)
```
#a2aec8
```
#a2aec8 rgb(162,174,200)
```
#9cacce
```
#9cacce rgb(156,172,206)
```
#97aad3
```
#97aad3 rgb(151,170,211)
```
#91a8d9
```
#91a8d9 rgb(145,168,217)
```
#8ba6df
```
#8ba6df rgb(139,166,223)
```
#86a4e4
```
#86a4e4 rgb(134,164,228)
```
#80a2ea
```
#80a2ea rgb(128,162,234)
```
#7aa0f0
```
#7aa0f0 rgb(122,160,240)
```
#759ef5
```
#759ef5 rgb(117,158,245)
```
#6f9cfb
```
#6f9cfb rgb(111,156,251)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#9aa0af Atypical Achromatopsia 0.001% of the population

Dichromacy

#8fa5e9 Protanopia 1% of men
#89a6eb Deuteranopia 1% of men
#75b0bd Tritanopia 0.001% of the population

Trichromacy

#89a3e9 Protanomaly 1% of men, 0.01% of women
#85a4ea Deuteranomaly 6% of men, 0.4% of women
#79abcd Tritanomaly 0.01% of the population

#80a2ea hex color

#80a2ea Color Information

#80a2ea Color Conversion

Color Schemes with #80a2ea

Alternatives to #80a2ea

#80a2ea Preview

Shades and Tints of #80a2ea

Tones of #80a2ea

Color Blindness Simulator