#80a3cf hex color

In a RGB color space, hex #80a3cf is composed of 50.2% red, 63.9% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 38.2% cyan, 21.3% magenta, 0% yellow and 18.8% black. It has a hue angle of 213.4 degrees, a saturation of 45.1% and a lightness of 65.7%. #80a3cf color hex could be obtained by blending #ffffff with #01479f. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 50
- G 64
- B 81
RGB color chart
- C 38
- M 21
- Y 0
- K 19
CMYK color chart

● #80a3cf color description : Slightly desaturated blue.

The hexadecimal color #80a3cf has RGB values of R:128, G:163, B:207 and CMYK values of C:0.38, M:0.21, Y:0, K:0.19. Its decimal value is 8430543.

Hex triplet	80a3cf	`#80a3cf`
RGB Decimal	128, 163, 207	`rgb(128,163,207)`
RGB Percent	50.2, 63.9, 81.2	`rgb(50.2%,63.9%,81.2%)`
CMYK	38, 21, 0, 19
HSL	213.4°, 45.1, 65.7	`hsl(213.4,45.1%,65.7%)`
HSV (or HSB)	213.4°, 38.2, 81.2
Web Safe	9999cc	`#9999cc`

CIE-LAB	65.972, -0.987, -26.279
XYZ	33.259, 35.287, 64.087
xyY	0.251, 0.266, 35.287
CIE-LCH	65.972, 26.298, 267.849
CIE-LUV	65.972, -18.518, -40.821
Hunter-Lab	59.403, -4.015, -22.382
Binary	10000000, 10100011, 11001111

#80a3cf
```
#80a3cf rgb(128,163,207)
```
#cfac80
```
#cfac80 rgb(207,172,128)
```

Complementary Color

#80cbcf
```
#80cbcf rgb(128,203,207)
```
#80a3cf
```
#80a3cf rgb(128,163,207)
```
#8580cf
```
#8580cf rgb(133,128,207)
```

Analogous Color

#cbcf80
```
#cbcf80 rgb(203,207,128)
```
#80a3cf
```
#80a3cf rgb(128,163,207)
```
#cf8580
```
#cf8580 rgb(207,133,128)
```

Split Complementary Color

#a3cf80
```
#a3cf80 rgb(163,207,128)
```
#80a3cf
```
#80a3cf rgb(128,163,207)
```
#cf80a3
```
#cf80a3 rgb(207,128,163)
```

Triadic Color

#80cfac
```
#80cfac rgb(128,207,172)
```
#80a3cf
```
#80a3cf rgb(128,163,207)
```
#cf80a3
```
#cf80a3 rgb(207,128,163)
```
#cfac80
```
#cfac80 rgb(207,172,128)
```

Tetradic Color

#487bba
```
#487bba rgb(72,123,186)
```
#5b88c1
```
#5b88c1 rgb(91,136,193)
```
#6d96c8
```
#6d96c8 rgb(109,150,200)
```
#80a3cf
```
#80a3cf rgb(128,163,207)
```
#93b0d6
```
#93b0d6 rgb(147,176,214)
```
#a5bedd
```
#a5bedd rgb(165,190,221)
```
#b8cbe4
```
#b8cbe4 rgb(184,203,228)
```

Monochromatic Color

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

#80b7cf
```
#80b7cf rgb(128,183,207)
```
#80b0cf
```
#80b0cf rgb(128,176,207)
```
#80aacf
```
#80aacf rgb(128,170,207)
```
#80a3cf
```
#80a3cf rgb(128,163,207)
```
#809ccf
```
#809ccf rgb(128,156,207)
```
#8096cf
```
#8096cf rgb(128,150,207)
```
#808fcf
```
#808fcf rgb(128,143,207)
```

Similar Colors

Text with hexadecimal color #80a3cf

This text has a font color of #80a3cf.

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

#80a3cf background color

This paragraph has a background color of #80a3cf.

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

#80a3cf border color

This element has a border color of #80a3cf.

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

CSS codes

.text {color:#80a3cf;}

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

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

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, #000101 is the darkest color, while #f2f5fa is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#060a0f
```
#060a0f rgb(6,10,15)
```
#0b131e
```
#0b131e rgb(11,19,30)
```
#111d2c
```
#111d2c rgb(17,29,44)
```
#16263a
```
#16263a rgb(22,38,58)
```
#1b2f48
```
#1b2f48 rgb(27,47,72)
```
#213957
```
#213957 rgb(33,57,87)
```
#264265
```
#264265 rgb(38,66,101)
```
#2b4b73
```
#2b4b73 rgb(43,75,115)
```
#315481
```
#315481 rgb(49,84,129)
```
#365e8f
```
#365e8f rgb(54,94,143)
```
#3c679e
```
#3c679e rgb(60,103,158)
```
#4170ac
```
#4170ac rgb(65,112,172)
```

Shade Color Variation

#477ab9
```
#477ab9 rgb(71,122,185)
```
#5584bf
```
#5584bf rgb(85,132,191)
```
#648ec4
```
#648ec4 rgb(100,142,196)
```
#7299ca
```
#7299ca rgb(114,153,202)
```
#80a3cf
```
#80a3cf rgb(128,163,207)
```
#8eadd4
```
#8eadd4 rgb(142,173,212)
```
#9cb8da
```
#9cb8da rgb(156,184,218)
```
#abc2df
```
#abc2df rgb(171,194,223)
```
#b9cce5
```
#b9cce5 rgb(185,204,229)
```
#c7d7ea
```
#c7d7ea rgb(199,215,234)
```
#d5e1ef
```
#d5e1ef rgb(213,225,239)
```
#e4ebf5
```
#e4ebf5 rgb(228,235,245)
```
#f2f5fa
```
#f2f5fa rgb(242,245,250)
```

Tint Color Variation

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

#a2a7ad
```
#a2a7ad rgb(162,167,173)
```
#9ba6b4
```
#9ba6b4 rgb(155,166,180)
```
#94a5bb
```
#94a5bb rgb(148,165,187)
```
#8da5c2
```
#8da5c2 rgb(141,165,194)
```
#87a4c8
```
#87a4c8 rgb(135,164,200)
```
#80a3cf
```
#80a3cf rgb(128,163,207)
```
#79a2d6
```
#79a2d6 rgb(121,162,214)
```
#73a1dc
```
#73a1dc rgb(115,161,220)
```
#6ca1e3
```
#6ca1e3 rgb(108,161,227)
```
#65a0ea
```
#65a0ea rgb(101,160,234)
```
#5e9ff1
```
#5e9ff1 rgb(94,159,241)
```
#589ef7
```
#589ef7 rgb(88,158,247)
```
#519efe
```
#519efe rgb(81,158,254)
```

Tone Color Variation

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

Dichromacy

#99a3ce Protanopia 1% of men
#9aa2d3 Deuteranopia 1% of men
#7eacb8 Tritanopia 0.001% of the population

Trichromacy

#90a3ce Protanomaly 1% of men, 0.01% of women
#90a2d1 Deuteranomaly 6% of men, 0.4% of women
#7fa9c0 Tritanomaly 0.01% of the population

#80a3cf hex color

#80a3cf Color Information

#80a3cf Color Conversion

Color Schemes with #80a3cf

Alternatives to #80a3cf

#80a3cf Preview

Shades and Tints of #80a3cf

Tones of #80a3cf

Color Blindness Simulator