#80a5dd hex color

In a RGB color space, hex #80a5dd is composed of 50.2% red, 64.7% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 42.1% cyan, 25.3% magenta, 0% yellow and 13.3% black. It has a hue angle of 216.1 degrees, a saturation of 57.8% and a lightness of 68.4%. #80a5dd color hex could be obtained by blending #ffffff with #014bbb. Closest websafe color is: #9999cc.

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

● #80a5dd color description : Very soft blue.

The hexadecimal color #80a5dd has RGB values of R:128, G:165, B:221 and CMYK values of C:0.42, M:0.25, Y:0, K:0.13. Its decimal value is 8431069.

Hex triplet	80a5dd	`#80a5dd`
RGB Decimal	128, 165, 221	`rgb(128,165,221)`
RGB Percent	50.2, 64.7, 86.7	`rgb(50.2%,64.7%,86.7%)`
CMYK	42, 25, 0, 13
HSL	216.1°, 57.8, 68.4	`hsl(216.1,57.8%,68.4%)`
HSV (or HSB)	216.1°, 42.1, 86.7
Web Safe	9999cc	`#9999cc`

CIE-LAB	67.065, 1.721, -32.327
XYZ	35.405, 36.719, 73.624
xyY	0.243, 0.252, 36.719
CIE-LCH	67.065, 32.373, 273.047
CIE-LUV	67.065, -19.495, -51.321
Hunter-Lab	60.596, -1.747, -29.621
Binary	10000000, 10100101, 11011101

#80a5dd
```
#80a5dd rgb(128,165,221)
```
#ddb880
```
#ddb880 rgb(221,184,128)
```

Complementary Color

#80d4dd
```
#80d4dd rgb(128,212,221)
```
#80a5dd
```
#80a5dd rgb(128,165,221)
```
#8a80dd
```
#8a80dd rgb(138,128,221)
```

Analogous Color

#d4dd80
```
#d4dd80 rgb(212,221,128)
```
#80a5dd
```
#80a5dd rgb(128,165,221)
```
#dd8a80
```
#dd8a80 rgb(221,138,128)
```

Split Complementary Color

#a5dd80
```
#a5dd80 rgb(165,221,128)
```
#80a5dd
```
#80a5dd rgb(128,165,221)
```
#dd80a5
```
#dd80a5 rgb(221,128,165)
```

Triadic Color

#80ddb8
```
#80ddb8 rgb(128,221,184)
```
#80a5dd
```
#80a5dd rgb(128,165,221)
```
#dd80a5
```
#dd80a5 rgb(221,128,165)
```
#ddb880
```
#ddb880 rgb(221,184,128)
```

Tetradic Color

#447acd
```
#447acd rgb(68,122,205)
```
#5888d2
```
#5888d2 rgb(88,136,210)
```
#6c97d8
```
#6c97d8 rgb(108,151,216)
```
#80a5dd
```
#80a5dd rgb(128,165,221)
```
#94b3e2
```
#94b3e2 rgb(148,179,226)
```
#a8c2e8
```
#a8c2e8 rgb(168,194,232)
```
#bcd0ed
```
#bcd0ed rgb(188,208,237)
```

Monochromatic Color

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

#80bcdd
```
#80bcdd rgb(128,188,221)
```
#80b5dd
```
#80b5dd rgb(128,181,221)
```
#80addd
```
#80addd rgb(128,173,221)
```
#80a5dd
```
#80a5dd rgb(128,165,221)
```
#809ddd
```
#809ddd rgb(128,157,221)
```
#8096dd
```
#8096dd rgb(128,150,221)
```
#808edd
```
#808edd rgb(128,142,221)
```

Similar Colors

Text with hexadecimal color #80a5dd

This text has a font color of #80a5dd.

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

#80a5dd background color

This paragraph has a background color of #80a5dd.

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

#80a5dd border color

This element has a border color of #80a5dd.

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

CSS codes

.text {color:#80a5dd;}

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

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

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

#03070c
```
#03070c rgb(3,7,12)
```
#07101c
```
#07101c rgb(7,16,28)
```
#0c182b
```
#0c182b rgb(12,24,43)
```
#10213b
```
#10213b rgb(16,33,59)
```
#14294a
```
#14294a rgb(20,41,74)
```
#18325a
```
#18325a rgb(24,50,90)
```
#1c3b69
```
#1c3b69 rgb(28,59,105)
```
#204379
```
#204379 rgb(32,67,121)
```
#244c88
```
#244c88 rgb(36,76,136)
```
#295598
```
#295598 rgb(41,85,152)
```
#2d5da7
```
#2d5da7 rgb(45,93,167)
```
#3166b6
```
#3166b6 rgb(49,102,182)
```
#356fc6
```
#356fc6 rgb(53,111,198)
```

Shade Color Variation

#4279cc
```
#4279cc rgb(66,121,204)
```
#5284d1
```
#5284d1 rgb(82,132,209)
```
#618fd5
```
#618fd5 rgb(97,143,213)
```
#719ad9
```
#719ad9 rgb(113,154,217)
```
#80a5dd
```
#80a5dd rgb(128,165,221)
```
#8fb0e1
```
#8fb0e1 rgb(143,176,225)
```
#9fbbe5
```
#9fbbe5 rgb(159,187,229)
```
#aec6e9
```
#aec6e9 rgb(174,198,233)
```
#bed1ee
```
#bed1ee rgb(190,209,238)
```
#cddcf2
```
#cddcf2 rgb(205,220,242)
```
#dde7f6
```
#dde7f6 rgb(221,231,246)
```
#ecf2fa
```
#ecf2fa rgb(236,242,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 #619ffc is the most saturated one.

#abaeb2
```
#abaeb2 rgb(171,174,178)
```
#a5adb8
```
#a5adb8 rgb(165,173,184)
```
#9fabbe
```
#9fabbe rgb(159,171,190)
```
#99aac4
```
#99aac4 rgb(153,170,196)
```
#93a9ca
```
#93a9ca rgb(147,169,202)
```
#8ca8d1
```
#8ca8d1 rgb(140,168,209)
```
#86a6d7
```
#86a6d7 rgb(134,166,215)
```
#80a5dd
```
#80a5dd rgb(128,165,221)
```
#7aa4e3
```
#7aa4e3 rgb(122,164,227)
```
#74a2e9
```
#74a2e9 rgb(116,162,233)
```
#6da1f0
```
#6da1f0 rgb(109,161,240)
```
#67a0f6
```
#67a0f6 rgb(103,160,246)
```
#619ffc
```
#619ffc rgb(97,159,252)
```

Tone Color Variation

Below, you can see how #80a5dd 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
#9aa1ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#97a6dc Protanopia 1% of men
#95a6e0 Deuteranopia 1% of men
#7bb0bd Tritanopia 0.001% of the population

Trichromacy

#8ea5dc Protanomaly 1% of men, 0.01% of women
#8da5de Deuteranomaly 6% of men, 0.4% of women
#7cacc8 Tritanomaly 0.01% of the population

#80a5dd hex color

#80a5dd Color Information

#80a5dd Color Conversion

Color Schemes with #80a5dd

Alternatives to #80a5dd

#80a5dd Preview

Shades and Tints of #80a5dd

Tones of #80a5dd

Color Blindness Simulator