#80a3b5 hex color

In a RGB color space, hex #80a3b5 is composed of 50.2% red, 63.9% green and 71% blue. Whereas in a CMYK color space, it is composed of 29.3% cyan, 9.9% magenta, 0% yellow and 29% black. It has a hue angle of 200.4 degrees, a saturation of 26.4% and a lightness of 60.6%. #80a3b5 color hex could be obtained by blending #ffffff with #01476b. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 50
- G 64
- B 71
RGB color chart
- C 29
- M 10
- Y 0
- K 29
CMYK color chart

● #80a3b5 color description : Slightly desaturated blue.

The hexadecimal color #80a3b5 has RGB values of R:128, G:163, B:181 and CMYK values of C:0.29, M:0.1, Y:0, K:0.29. Its decimal value is 8430517.

Hex triplet	80a3b5	`#80a3b5`
RGB Decimal	128, 163, 181	`rgb(128,163,181)`
RGB Percent	50.2, 63.9, 71	`rgb(50.2%,63.9%,71%)`
CMYK	29, 10, 0, 29
HSL	200.4°, 26.4, 60.6	`hsl(200.4,26.4%,60.6%)`
HSV (or HSB)	200.4°, 29.3, 71
Web Safe	9999cc	`#9999cc`

CIE-LAB	65.057, -7.677, -13.199
XYZ	30.338, 34.119, 48.701
xyY	0.268, 0.302, 34.119
CIE-LCH	65.057, 15.269, 239.816
CIE-LUV	65.057, -18.195, -18.74
Hunter-Lab	58.411, -9.51, -8.545
Binary	10000000, 10100011, 10110101

#80a3b5
```
#80a3b5 rgb(128,163,181)
```
#b59280
```
#b59280 rgb(181,146,128)
```

Complementary Color

#80b5ad
```
#80b5ad rgb(128,181,173)
```
#80a3b5
```
#80a3b5 rgb(128,163,181)
```
#8089b5
```
#8089b5 rgb(128,137,181)
```

Analogous Color

#b5ad80
```
#b5ad80 rgb(181,173,128)
```
#80a3b5
```
#80a3b5 rgb(128,163,181)
```
#b58089
```
#b58089 rgb(181,128,137)
```

Split Complementary Color

#a3b580
```
#a3b580 rgb(163,181,128)
```
#80a3b5
```
#80a3b5 rgb(128,163,181)
```
#b580a3
```
#b580a3 rgb(181,128,163)
```

Triadic Color

#80b592
```
#80b592 rgb(128,181,146)
```
#80a3b5
```
#80a3b5 rgb(128,163,181)
```
#b580a3
```
#b580a3 rgb(181,128,163)
```
#b59280
```
#b59280 rgb(181,146,128)
```

Tetradic Color

#567e93
```
#567e93 rgb(86,126,147)
```
#608ca2
```
#608ca2 rgb(96,140,162)
```
#7097ac
```
#7097ac rgb(112,151,172)
```
#80a3b5
```
#80a3b5 rgb(128,163,181)
```
#90afbe
```
#90afbe rgb(144,175,190)
```
#a0bac8
```
#a0bac8 rgb(160,186,200)
```
#b0c6d1
```
#b0c6d1 rgb(176,198,209)
```

Monochromatic Color

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

#80b0b5
```
#80b0b5 rgb(128,176,181)
```
#80acb5
```
#80acb5 rgb(128,172,181)
```
#80a7b5
```
#80a7b5 rgb(128,167,181)
```
#80a3b5
```
#80a3b5 rgb(128,163,181)
```
#809fb5
```
#809fb5 rgb(128,159,181)
```
#809ab5
```
#809ab5 rgb(128,154,181)
```
#8096b5
```
#8096b5 rgb(128,150,181)
```

Similar Colors

Text with hexadecimal color #80a3b5

This text has a font color of #80a3b5.

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

#80a3b5 background color

This paragraph has a background color of #80a3b5.

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

#80a3b5 border color

This element has a border color of #80a3b5.

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

CSS codes

.text {color:#80a3b5;}

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

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

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

#050809
```
#050809 rgb(5,8,9)
```
#0d1316
```
#0d1316 rgb(13,19,22)
```
#141d22
```
#141d22 rgb(20,29,34)
```
#1b282f
```
#1b282f rgb(27,40,47)
```
#22333b
```
#22333b rgb(34,51,59)
```
#2a3d47
```
#2a3d47 rgb(42,61,71)
```
#314854
```
#314854 rgb(49,72,84)
```
#385260
```
#385260 rgb(56,82,96)
```
#3f5d6c
```
#3f5d6c rgb(63,93,108)
```
#466879
```
#466879 rgb(70,104,121)
```
#4e7285
```
#4e7285 rgb(78,114,133)
```
#557d92
```
#557d92 rgb(85,125,146)
```
#5c889e
```
#5c889e rgb(92,136,158)
```

Shade Color Variation

#6791a7
```
#6791a7 rgb(103,145,167)
```
#749aae
```
#749aae rgb(116,154,174)
```
#80a3b5
```
#80a3b5 rgb(128,163,181)
```
#8cacbc
```
#8cacbc rgb(140,172,188)
```
#99b5c3
```
#99b5c3 rgb(153,181,195)
```
#a5becb
```
#a5becb rgb(165,190,203)
```
#b2c7d2
```
#b2c7d2 rgb(178,199,210)
```
#bed0d9
```
#bed0d9 rgb(190,208,217)
```
#cad9e0
```
#cad9e0 rgb(202,217,224)
```
#d7e2e8
```
#d7e2e8 rgb(215,226,232)
```
#e3ebef
```
#e3ebef rgb(227,235,239)
```
#f0f4f6
```
#f0f4f6 rgb(240,244,246)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #979c9e is the less saturated color, while #3ab9fb is the most saturated one.

#979c9e
```
#979c9e rgb(151,156,158)
```
#8f9ea6
```
#8f9ea6 rgb(143,158,166)
```
#88a1ad
```
#88a1ad rgb(136,161,173)
```
#80a3b5
```
#80a3b5 rgb(128,163,181)
```
#78a5bd
```
#78a5bd rgb(120,165,189)
```
#71a8c4
```
#71a8c4 rgb(113,168,196)
```
#69aacc
```
#69aacc rgb(105,170,204)
```
#61add4
```
#61add4 rgb(97,173,212)
```
#59afdc
```
#59afdc rgb(89,175,220)
```
#52b2e3
```
#52b2e3 rgb(82,178,227)
```
#4ab4eb
```
#4ab4eb rgb(74,180,235)
```
#42b7f3
```
#42b7f3 rgb(66,183,243)
```
#3ab9fb
```
#3ab9fb rgb(58,185,251)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#969da0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9fa1b5 Protanopia 1% of men
#a59fbb Deuteranopia 1% of men
#85a8b4 Tritanopia 0.001% of the population

Trichromacy

#94a2b5 Protanomaly 1% of men, 0.01% of women
#97a0b9 Deuteranomaly 6% of men, 0.4% of women
#83a6b4 Tritanomaly 0.01% of the population

#80a3b5 hex color

#80a3b5 Color Information

#80a3b5 Color Conversion

Color Schemes with #80a3b5

Alternatives to #80a3b5

#80a3b5 Preview

Shades and Tints of #80a3b5

Tones of #80a3b5

Color Blindness Simulator