#80a1dc hex color

In a RGB color space, hex #80a1dc is composed of 50.2% red, 63.1% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 41.8% cyan, 26.8% magenta, 0% yellow and 13.7% black. It has a hue angle of 218.5 degrees, a saturation of 56.8% and a lightness of 68.2%. #80a1dc color hex could be obtained by blending #ffffff with #0143b9. Closest websafe color is: #9999cc.

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

● #80a1dc color description : Very soft blue.

The hexadecimal color #80a1dc has RGB values of R:128, G:161, B:220 and CMYK values of C:0.42, M:0.27, Y:0, K:0.14. Its decimal value is 8430044.

Hex triplet	80a1dc	`#80a1dc`
RGB Decimal	128, 161, 220	`rgb(128,161,220)`
RGB Percent	50.2, 63.1, 86.3	`rgb(50.2%,63.1%,86.3%)`
CMYK	42, 27, 0, 14
HSL	218.5°, 56.8, 68.2	`hsl(218.5,56.8%,68.2%)`
HSV (or HSB)	218.5°, 41.8, 86.3
Web Safe	9999cc	`#9999cc`

CIE-LAB	65.939, 3.698, -33.522
XYZ	34.562, 35.245, 72.688
xyY	0.243, 0.247, 35.245
CIE-LCH	65.939, 33.725, 276.294
CIE-LUV	65.939, -17.908, -53.439
Hunter-Lab	59.367, 0.026, -31.036
Binary	10000000, 10100001, 11011100

#80a1dc
```
#80a1dc rgb(128,161,220)
```
#dcbb80
```
#dcbb80 rgb(220,187,128)
```

Complementary Color

#80cfdc
```
#80cfdc rgb(128,207,220)
```
#80a1dc
```
#80a1dc rgb(128,161,220)
```
#8d80dc
```
#8d80dc rgb(141,128,220)
```

Analogous Color

#cfdc80
```
#cfdc80 rgb(207,220,128)
```
#80a1dc
```
#80a1dc rgb(128,161,220)
```
#dc8d80
```
#dc8d80 rgb(220,141,128)
```

Split Complementary Color

#a1dc80
```
#a1dc80 rgb(161,220,128)
```
#80a1dc
```
#80a1dc rgb(128,161,220)
```
#dc80a1
```
#dc80a1 rgb(220,128,161)
```

Triadic Color

#80dcbb
```
#80dcbb rgb(128,220,187)
```
#80a1dc
```
#80a1dc rgb(128,161,220)
```
#dc80a1
```
#dc80a1 rgb(220,128,161)
```
#dcbb80
```
#dcbb80 rgb(220,187,128)
```

Tetradic Color

#4475cb
```
#4475cb rgb(68,117,203)
```
#5883d1
```
#5883d1 rgb(88,131,209)
```
#6c92d6
```
#6c92d6 rgb(108,146,214)
```
#80a1dc
```
#80a1dc rgb(128,161,220)
```
#94b0e2
```
#94b0e2 rgb(148,176,226)
```
#a8bfe7
```
#a8bfe7 rgb(168,191,231)
```
#bccded
```
#bccded rgb(188,205,237)
```

Monochromatic Color

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

#80b8dc
```
#80b8dc rgb(128,184,220)
```
#80b0dc
```
#80b0dc rgb(128,176,220)
```
#80a9dc
```
#80a9dc rgb(128,169,220)
```
#80a1dc
```
#80a1dc rgb(128,161,220)
```
#8099dc
```
#8099dc rgb(128,153,220)
```
#8092dc
```
#8092dc rgb(128,146,220)
```
#808adc
```
#808adc rgb(128,138,220)
```

Similar Colors

Text with hexadecimal color #80a1dc

This text has a font color of #80a1dc.

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

#80a1dc background color

This paragraph has a background color of #80a1dc.

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

#80a1dc border color

This element has a border color of #80a1dc.

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

CSS codes

.text {color:#80a1dc;}

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

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

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

#03060b
```
#03060b rgb(3,6,11)
```
#070e1b
```
#070e1b rgb(7,14,27)
```
#0c172a
```
#0c172a rgb(12,23,42)
```
#101f3a
```
#101f3a rgb(16,31,58)
```
#142749
```
#142749 rgb(20,39,73)
```
#182f58
```
#182f58 rgb(24,47,88)
```
#1d3868
```
#1d3868 rgb(29,56,104)
```
#214077
```
#214077 rgb(33,64,119)
```
#254886
```
#254886 rgb(37,72,134)
```
#295096
```
#295096 rgb(41,80,150)
```
#2e58a5
```
#2e58a5 rgb(46,88,165)
```
#3261b5
```
#3261b5 rgb(50,97,181)
```
#3669c4
```
#3669c4 rgb(54,105,196)
```

Shade Color Variation

#4273cb
```
#4273cb rgb(66,115,203)
```
#527fcf
```
#527fcf rgb(82,127,207)
```
#618ad4
```
#618ad4 rgb(97,138,212)
```
#7196d8
```
#7196d8 rgb(113,150,216)
```
#80a1dc
```
#80a1dc rgb(128,161,220)
```
#8face0
```
#8face0 rgb(143,172,224)
```
#9fb8e4
```
#9fb8e4 rgb(159,184,228)
```
#aec3e9
```
#aec3e9 rgb(174,195,233)
```
#becfed
```
#becfed rgb(190,207,237)
```
#cddaf1
```
#cddaf1 rgb(205,218,241)
```
#dce5f5
```
#dce5f5 rgb(220,229,245)
```
#ecf1fa
```
#ecf1fa rgb(236,241,250)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

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

#acadb0
```
#acadb0 rgb(172,173,176)
```
#a5acb7
```
#a5acb7 rgb(165,172,183)
```
#9faabd
```
#9faabd rgb(159,170,189)
```
#99a8c3
```
#99a8c3 rgb(153,168,195)
```
#93a6c9
```
#93a6c9 rgb(147,166,201)
```
#8ca5d0
```
#8ca5d0 rgb(140,165,208)
```
#86a3d6
```
#86a3d6 rgb(134,163,214)
```
#80a1dc
```
#80a1dc rgb(128,161,220)
```
#7a9fe2
```
#7a9fe2 rgb(122,159,226)
```
#749de8
```
#749de8 rgb(116,157,232)
```
#6d9cef
```
#6d9cef rgb(109,156,239)
```
#679af5
```
#679af5 rgb(103,154,245)
```
#6198fb
```
#6198fb rgb(97,152,251)
```

Tone Color Variation

Below, you can see how #80a1dc 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
#989faa Atypical Achromatopsia 0.001% of the population

Dichromacy

#93a3db Protanopia 1% of men
#90a3de Deuteranopia 1% of men
#7aadb9 Tritanopia 0.001% of the population

Trichromacy

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

#80a1dc hex color

#80a1dc Color Information

#80a1dc Color Conversion

Color Schemes with #80a1dc

Alternatives to #80a1dc

#80a1dc Preview

Shades and Tints of #80a1dc

Tones of #80a1dc

Color Blindness Simulator