#80a1de hex color

In a RGB color space, hex #80a1de is composed of 50.2% red, 63.1% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 42.3% cyan, 27.5% magenta, 0% yellow and 12.9% black. It has a hue angle of 218.9 degrees, a saturation of 58.8% and a lightness of 68.6%. #80a1de color hex could be obtained by blending #ffffff with #0143bd. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 50
- G 63
- B 87
RGB color chart
- C 42
- M 27
- Y 0
- K 13
CMYK color chart

● #80a1de color description : Very soft blue.

The hexadecimal color #80a1de has RGB values of R:128, G:161, B:222 and CMYK values of C:0.42, M:0.27, Y:0, K:0.13. Its decimal value is 8430046.

Hex triplet	80a1de	`#80a1de`
RGB Decimal	128, 161, 222	`rgb(128,161,222)`
RGB Percent	50.2, 63.1, 87.1	`rgb(50.2%,63.1%,87.1%)`
CMYK	42, 27, 0, 13
HSL	218.9°, 58.8, 68.6	`hsl(218.9,58.8%,68.6%)`
HSV (or HSB)	218.9°, 42.3, 87.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	66.021, 4.257, -34.497
XYZ	34.829, 35.352, 74.092
xyY	0.241, 0.245, 35.352
CIE-LCH	66.021, 34.759, 277.034
CIE-LUV	66.021, -17.941, -55.149
Hunter-Lab	59.457, 0.512, -32.263
Binary	10000000, 10100001, 11011110

#80a1de
```
#80a1de rgb(128,161,222)
```
#debd80
```
#debd80 rgb(222,189,128)
```

Complementary Color

#80d0de
```
#80d0de rgb(128,208,222)
```
#80a1de
```
#80a1de rgb(128,161,222)
```
#8e80de
```
#8e80de rgb(142,128,222)
```

Analogous Color

#d0de80
```
#d0de80 rgb(208,222,128)
```
#80a1de
```
#80a1de rgb(128,161,222)
```
#de8e80
```
#de8e80 rgb(222,142,128)
```

Split Complementary Color

#a1de80
```
#a1de80 rgb(161,222,128)
```
#80a1de
```
#80a1de rgb(128,161,222)
```
#de80a1
```
#de80a1 rgb(222,128,161)
```

Triadic Color

#80debd
```
#80debd rgb(128,222,189)
```
#80a1de
```
#80a1de rgb(128,161,222)
```
#de80a1
```
#de80a1 rgb(222,128,161)
```
#debd80
```
#debd80 rgb(222,189,128)
```

Tetradic Color

#4374ce
```
#4374ce rgb(67,116,206)
```
#5883d3
```
#5883d3 rgb(88,131,211)
```
#6c92d9
```
#6c92d9 rgb(108,146,217)
```
#80a1de
```
#80a1de rgb(128,161,222)
```
#94b0e3
```
#94b0e3 rgb(148,176,227)
```
#a8bfe9
```
#a8bfe9 rgb(168,191,233)
```
#bdceee
```
#bdceee rgb(189,206,238)
```

Monochromatic Color

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

#80b9de
```
#80b9de rgb(128,185,222)
```
#80b1de
```
#80b1de rgb(128,177,222)
```
#80a9de
```
#80a9de rgb(128,169,222)
```
#80a1de
```
#80a1de rgb(128,161,222)
```
#8099de
```
#8099de rgb(128,153,222)
```
#8091de
```
#8091de rgb(128,145,222)
```
#808ade
```
#808ade rgb(128,138,222)
```

Similar Colors

Text with hexadecimal color #80a1de

This text has a font color of #80a1de.

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

#80a1de background color

This paragraph has a background color of #80a1de.

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

#80a1de border color

This element has a border color of #80a1de.

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

CSS codes

.text {color:#80a1de;}

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

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

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

#03070d
```
#03070d rgb(3,7,13)
```
#070f1d
```
#070f1d rgb(7,15,29)
```
#0c172c
```
#0c172c rgb(12,23,44)
```
#101f3c
```
#101f3c rgb(16,31,60)
```
#14274b
```
#14274b rgb(20,39,75)
```
#182f5b
```
#182f5b rgb(24,47,91)
```
#1c376b
```
#1c376b rgb(28,55,107)
```
#203f7a
```
#203f7a rgb(32,63,122)
```
#24488a
```
#24488a rgb(36,72,138)
```
#285099
```
#285099 rgb(40,80,153)
```
#2c58a9
```
#2c58a9 rgb(44,88,169)
```
#3060b8
```
#3060b8 rgb(48,96,184)
```
#3468c8
```
#3468c8 rgb(52,104,200)
```

Shade Color Variation

#4273ce
```
#4273ce rgb(66,115,206)
```
#517ed2
```
#517ed2 rgb(81,126,210)
```
#618ad6
```
#618ad6 rgb(97,138,214)
```
#7095da
```
#7095da rgb(112,149,218)
```
#80a1de
```
#80a1de rgb(128,161,222)
```
#90ade2
```
#90ade2 rgb(144,173,226)
```
#9fb8e6
```
#9fb8e6 rgb(159,184,230)
```
#afc4ea
```
#afc4ea rgb(175,196,234)
```
#becfee
```
#becfee rgb(190,207,238)
```
#cedbf2
```
#cedbf2 rgb(206,219,242)
```
#dde6f6
```
#dde6f6 rgb(221,230,246)
```
#edf2fa
```
#edf2fa rgb(237,242,250)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#abaeb3
```
#abaeb3 rgb(171,174,179)
```
#a5acb9
```
#a5acb9 rgb(165,172,185)
```
#9faabf
```
#9faabf rgb(159,170,191)
```
#99a8c5
```
#99a8c5 rgb(153,168,197)
```
#92a6cc
```
#92a6cc rgb(146,166,204)
```
#8ca5d2
```
#8ca5d2 rgb(140,165,210)
```
#86a3d8
```
#86a3d8 rgb(134,163,216)
```
#80a1de
```
#80a1de rgb(128,161,222)
```
#7a9fe4
```
#7a9fe4 rgb(122,159,228)
```
#749dea
```
#749dea rgb(116,157,234)
```
#6e9cf0
```
#6e9cf0 rgb(110,156,240)
```
#679af7
```
#679af7 rgb(103,154,247)
```
#6198fd
```
#6198fd rgb(97,152,253)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#989fab Atypical Achromatopsia 0.001% of the population

Dichromacy

#92a3dd Protanopia 1% of men
#8fa3e0 Deuteranopia 1% of men
#79adba Tritanopia 0.001% of the population

Trichromacy

#8ba2dd Protanomaly 1% of men, 0.01% of women
#89a2df Deuteranomaly 6% of men, 0.4% of women
#7ca8c7 Tritanomaly 0.01% of the population

#80a1de hex color

#80a1de Color Information

#80a1de Color Conversion

Color Schemes with #80a1de

Alternatives to #80a1de

#80a1de Preview

Shades and Tints of #80a1de

Tones of #80a1de

Color Blindness Simulator