#80a1dd hex color

In a RGB color space, hex #80a1dd is composed of 50.2% red, 63.1% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 42.1% cyan, 27.1% magenta, 0% yellow and 13.3% black. It has a hue angle of 218.7 degrees, a saturation of 57.8% and a lightness of 68.4%. #80a1dd color hex could be obtained by blending #ffffff with #0143bb. 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

● #80a1dd color description : Very soft blue.

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

Hex triplet	80a1dd	`#80a1dd`
RGB Decimal	128, 161, 221	`rgb(128,161,221)`
RGB Percent	50.2, 63.1, 86.7	`rgb(50.2%,63.1%,86.7%)`
CMYK	42, 27, 0, 13
HSL	218.7°, 57.8, 68.4	`hsl(218.7,57.8%,68.4%)`
HSV (or HSB)	218.7°, 42.1, 86.7
Web Safe	9999cc	`#9999cc`

CIE-LAB	65.98, 3.977, -34.01
XYZ	34.695, 35.298, 73.388
xyY	0.242, 0.246, 35.298
CIE-LCH	65.98, 34.242, 276.669
CIE-LUV	65.98, -17.925, -54.294
Hunter-Lab	59.412, 0.268, -31.648
Binary	10000000, 10100001, 11011101

#80a1dd
```
#80a1dd rgb(128,161,221)
```
#ddbc80
```
#ddbc80 rgb(221,188,128)
```

Complementary Color

#80d0dd
```
#80d0dd rgb(128,208,221)
```
#80a1dd
```
#80a1dd rgb(128,161,221)
```
#8e80dd
```
#8e80dd rgb(142,128,221)
```

Analogous Color

#d0dd80
```
#d0dd80 rgb(208,221,128)
```
#80a1dd
```
#80a1dd rgb(128,161,221)
```
#dd8e80
```
#dd8e80 rgb(221,142,128)
```

Split Complementary Color

#a1dd80
```
#a1dd80 rgb(161,221,128)
```
#80a1dd
```
#80a1dd rgb(128,161,221)
```
#dd80a1
```
#dd80a1 rgb(221,128,161)
```

Triadic Color

#80ddbc
```
#80ddbc rgb(128,221,188)
```
#80a1dd
```
#80a1dd rgb(128,161,221)
```
#dd80a1
```
#dd80a1 rgb(221,128,161)
```
#ddbc80
```
#ddbc80 rgb(221,188,128)
```

Tetradic Color

#4474cd
```
#4474cd rgb(68,116,205)
```
#5883d2
```
#5883d2 rgb(88,131,210)
```
#6c92d8
```
#6c92d8 rgb(108,146,216)
```
#80a1dd
```
#80a1dd rgb(128,161,221)
```
#94b0e2
```
#94b0e2 rgb(148,176,226)
```
#a8bfe8
```
#a8bfe8 rgb(168,191,232)
```
#bcceed
```
#bcceed rgb(188,206,237)
```

Monochromatic Color

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

#80b8dd
```
#80b8dd rgb(128,184,221)
```
#80b1dd
```
#80b1dd rgb(128,177,221)
```
#80a9dd
```
#80a9dd rgb(128,169,221)
```
#80a1dd
```
#80a1dd rgb(128,161,221)
```
#8099dd
```
#8099dd rgb(128,153,221)
```
#8092dd
```
#8092dd rgb(128,146,221)
```
#808add
```
#808add rgb(128,138,221)
```

Similar Colors

Text with hexadecimal color #80a1dd

This text has a font color of #80a1dd.

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

#80a1dd background color

This paragraph has a background color of #80a1dd.

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

#80a1dd border color

This element has a border color of #80a1dd.

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

CSS codes

.text {color:#80a1dd;}

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

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

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, #03060c is the darkest color, while #fcfdfe is the lightest one.

#03060c
```
#03060c rgb(3,6,12)
```
#070f1c
```
#070f1c rgb(7,15,28)
```
#0c172b
```
#0c172b rgb(12,23,43)
```
#101f3b
```
#101f3b rgb(16,31,59)
```
#14274a
```
#14274a rgb(20,39,74)
```
#182f5a
```
#182f5a rgb(24,47,90)
```
#1c3769
```
#1c3769 rgb(28,55,105)
```
#204079
```
#204079 rgb(32,64,121)
```
#244888
```
#244888 rgb(36,72,136)
```
#295098
```
#295098 rgb(41,80,152)
```
#2d58a7
```
#2d58a7 rgb(45,88,167)
```
#3160b6
```
#3160b6 rgb(49,96,182)
```
#3568c6
```
#3568c6 rgb(53,104,198)
```

Shade Color Variation

#4273cc
```
#4273cc rgb(66,115,204)
```
#527fd1
```
#527fd1 rgb(82,127,209)
```
#618ad5
```
#618ad5 rgb(97,138,213)
```
#7196d9
```
#7196d9 rgb(113,150,217)
```
#80a1dd
```
#80a1dd rgb(128,161,221)
```
#8face1
```
#8face1 rgb(143,172,225)
```
#9fb8e5
```
#9fb8e5 rgb(159,184,229)
```
#aec3e9
```
#aec3e9 rgb(174,195,233)
```
#becfee
```
#becfee rgb(190,207,238)
```
#cddaf2
```
#cddaf2 rgb(205,218,242)
```
#dde6f6
```
#dde6f6 rgb(221,230,246)
```
#ecf1fa
```
#ecf1fa rgb(236,241,250)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#abaeb2
```
#abaeb2 rgb(171,174,178)
```
#a5acb8
```
#a5acb8 rgb(165,172,184)
```
#9faabe
```
#9faabe rgb(159,170,190)
```
#99a8c4
```
#99a8c4 rgb(153,168,196)
```
#93a6ca
```
#93a6ca rgb(147,166,202)
```
#8ca5d1
```
#8ca5d1 rgb(140,165,209)
```
#86a3d7
```
#86a3d7 rgb(134,163,215)
```
#80a1dd
```
#80a1dd rgb(128,161,221)
```
#7a9fe3
```
#7a9fe3 rgb(122,159,227)
```
#749de9
```
#749de9 rgb(116,157,233)
```
#6d9cf0
```
#6d9cf0 rgb(109,156,240)
```
#679af6
```
#679af6 rgb(103,154,246)
```
#6198fc
```
#6198fc rgb(97,152,252)
```

Tone Color Variation

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

#92a3dc Protanopia 1% of men
#8fa3df Deuteranopia 1% of men
#7aadb9 Tritanopia 0.001% of the population

Trichromacy

#8ca2dc Protanomaly 1% of men, 0.01% of women
#8aa2de Deuteranomaly 6% of men, 0.4% of women
#7ca8c6 Tritanomaly 0.01% of the population

#80a1dd hex color

#80a1dd Color Information

#80a1dd Color Conversion

Color Schemes with #80a1dd

Alternatives to #80a1dd

#80a1dd Preview

Shades and Tints of #80a1dd

Tones of #80a1dd

Color Blindness Simulator