#80a4ee hex color

In a RGB color space, hex #80a4ee is composed of 50.2% red, 64.3% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 46.2% cyan, 31.1% magenta, 0% yellow and 6.7% black. It has a hue angle of 220.4 degrees, a saturation of 76.4% and a lightness of 71.8%. #80a4ee color hex could be obtained by blending #ffffff with #0149dd. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 50
- G 64
- B 93
RGB color chart
- C 46
- M 31
- Y 0
- K 7
CMYK color chart

● #80a4ee color description : Soft blue.

The hexadecimal color #80a4ee has RGB values of R:128, G:164, B:238 and CMYK values of C:0.46, M:0.31, Y:0, K:0.07. Its decimal value is 8430830.

Hex triplet	80a4ee	`#80a4ee`
RGB Decimal	128, 164, 238	`rgb(128,164,238)`
RGB Percent	50.2, 64.3, 93.3	`rgb(50.2%,64.3%,93.3%)`
CMYK	46, 31, 0, 7
HSL	220.4°, 76.4, 71.8	`hsl(220.4,76.4%,71.8%)`
HSV (or HSB)	220.4°, 46.2, 93.3
Web Safe	9999ff	`#9999ff`

CIE-LAB	67.51, 7.11, -40.966
XYZ	37.607, 37.312, 86.104
xyY	0.234, 0.232, 37.312
CIE-LCH	67.51, 41.578, 279.846
CIE-LUV	67.51, -19.329, -66.573
Hunter-Lab	61.083, 3.001, -40.818
Binary	10000000, 10100100, 11101110

#80a4ee
```
#80a4ee rgb(128,164,238)
```
#eeca80
```
#eeca80 rgb(238,202,128)
```

Complementary Color

#80dbee
```
#80dbee rgb(128,219,238)
```
#80a4ee
```
#80a4ee rgb(128,164,238)
```
#9380ee
```
#9380ee rgb(147,128,238)
```

Analogous Color

#dbee80
```
#dbee80 rgb(219,238,128)
```
#80a4ee
```
#80a4ee rgb(128,164,238)
```
#ee9380
```
#ee9380 rgb(238,147,128)
```

Split Complementary Color

#a4ee80
```
#a4ee80 rgb(164,238,128)
```
#80a4ee
```
#80a4ee rgb(128,164,238)
```
#ee80a4
```
#ee80a4 rgb(238,128,164)
```

Triadic Color

#80eeca
```
#80eeca rgb(128,238,202)
```
#80a4ee
```
#80a4ee rgb(128,164,238)
```
#ee80a4
```
#ee80a4 rgb(238,128,164)
```
#eeca80
```
#eeca80 rgb(238,202,128)
```

Tetradic Color

#3d74e5
```
#3d74e5 rgb(61,116,229)
```
#5384e8
```
#5384e8 rgb(83,132,232)
```
#6a94eb
```
#6a94eb rgb(106,148,235)
```
#80a4ee
```
#80a4ee rgb(128,164,238)
```
#96b4f1
```
#96b4f1 rgb(150,180,241)
```
#adc4f4
```
#adc4f4 rgb(173,196,244)
```
#c3d4f7
```
#c3d4f7 rgb(195,212,247)
```

Monochromatic Color

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

#80c0ee
```
#80c0ee rgb(128,192,238)
```
#80b6ee
```
#80b6ee rgb(128,182,238)
```
#80adee
```
#80adee rgb(128,173,238)
```
#80a4ee
```
#80a4ee rgb(128,164,238)
```
#809bee
```
#809bee rgb(128,155,238)
```
#8092ee
```
#8092ee rgb(128,146,238)
```
#8089ee
```
#8089ee rgb(128,137,238)
```

Similar Colors

Text with hexadecimal color #80a4ee

This text has a font color of #80a4ee.

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

#80a4ee background color

This paragraph has a background color of #80a4ee.

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

#80a4ee border color

This element has a border color of #80a4ee.

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

CSS codes

.text {color:#80a4ee;}

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

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

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

#02050b
```
#02050b rgb(2,5,11)
```
#040c1d
```
#040c1d rgb(4,12,29)
```
#06132e
```
#06132e rgb(6,19,46)
```
#081a3f
```
#081a3f rgb(8,26,63)
```
#0b2251
```
#0b2251 rgb(11,34,81)
```
#0d2962
```
#0d2962 rgb(13,41,98)
```
#0f3073
```
#0f3073 rgb(15,48,115)
```
#123784
```
#123784 rgb(18,55,132)
```
#143f96
```
#143f96 rgb(20,63,150)
```
#1646a7
```
#1646a7 rgb(22,70,167)
```
#194db8
```
#194db8 rgb(25,77,184)
```
#1b54ca
```
#1b54ca rgb(27,84,202)
```
#1d5bdb
```
#1d5bdb rgb(29,91,219)
```

Shade Color Variation

#2a66e2
```
#2a66e2 rgb(42,102,226)
```
#3b72e5
```
#3b72e5 rgb(59,114,229)
```
#4c7fe7
```
#4c7fe7 rgb(76,127,231)
```
#5d8be9
```
#5d8be9 rgb(93,139,233)
```
#6f98ec
```
#6f98ec rgb(111,152,236)
```
#80a4ee
```
#80a4ee rgb(128,164,238)
```
#91b0f0
```
#91b0f0 rgb(145,176,240)
```
#a3bdf3
```
#a3bdf3 rgb(163,189,243)
```
#b4c9f5
```
#b4c9f5 rgb(180,201,245)
```
#c5d6f7
```
#c5d6f7 rgb(197,214,247)
```
#d6e2fa
```
#d6e2fa rgb(214,226,250)
```
#e8eefc
```
#e8eefc rgb(232,238,252)
```
#f9fbfe
```
#f9fbfe rgb(249,251,254)
```

Tint Color Variation

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

#b2b5bc
```
#b2b5bc rgb(178,181,188)
```
#acb3c2
```
#acb3c2 rgb(172,179,194)
```
#a7b1c7
```
#a7b1c7 rgb(167,177,199)
```
#a1afcd
```
#a1afcd rgb(161,175,205)
```
#9caed2
```
#9caed2 rgb(156,174,210)
```
#96acd8
```
#96acd8 rgb(150,172,216)
```
#91aadd
```
#91aadd rgb(145,170,221)
```
#8ba8e3
```
#8ba8e3 rgb(139,168,227)
```
#86a6e8
```
#86a6e8 rgb(134,166,232)
```
#80a4ee
```
#80a4ee rgb(128,164,238)
```
#7aa2f4
```
#7aa2f4 rgb(122,162,244)
```
#75a0f9
```
#75a0f9 rgb(117,160,249)
```
#6f9eff
```
#6f9eff rgb(111,158,255)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#9ba2b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#90a6ed Protanopia 1% of men
#89a8ef Deuteranopia 1% of men
#74b2bf Tritanopia 0.001% of the population

Trichromacy

#8aa5ed Protanomaly 1% of men, 0.01% of women
#85a6ee Deuteranomaly 6% of men, 0.4% of women
#78add0 Tritanomaly 0.01% of the population

#80a4ee hex color

#80a4ee Color Information

#80a4ee Color Conversion

Color Schemes with #80a4ee

Alternatives to #80a4ee

#80a4ee Preview

Shades and Tints of #80a4ee

Tones of #80a4ee

Color Blindness Simulator