#80a5b2 hex color

In a RGB color space, hex #80a5b2 is composed of 50.2% red, 64.7% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 28.1% cyan, 7.3% magenta, 0% yellow and 30.2% black. It has a hue angle of 195.6 degrees, a saturation of 24.5% and a lightness of 60%. #80a5b2 color hex could be obtained by blending #ffffff with #014b65. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 50
- G 65
- B 70
RGB color chart
- C 28
- M 7
- Y 0
- K 30
CMYK color chart

● #80a5b2 color description : Mostly desaturated dark blue.

The hexadecimal color #80a5b2 has RGB values of R:128, G:165, B:178 and CMYK values of C:0.28, M:0.07, Y:0, K:0.3. Its decimal value is 8431026.

Hex triplet	80a5b2	`#80a5b2`
RGB Decimal	128, 165, 178	`rgb(128,165,178)`
RGB Percent	50.2, 64.7, 69.8	`rgb(50.2%,64.7%,69.8%)`
CMYK	28, 7, 0, 30
HSL	195.6°, 24.5, 60	`hsl(195.6,24.5%,60%)`
HSV (or HSB)	195.6°, 28.1, 69.8
Web Safe	999999	`#999999`

CIE-LAB	65.524, -9.493, -10.822
XYZ	30.391, 34.713, 47.216
xyY	0.271, 0.309, 34.713
CIE-LCH	65.524, 14.395, 228.745
CIE-LUV	65.524, -19.041, -14.775
Hunter-Lab	58.918, -11.031, -6.272
Binary	10000000, 10100101, 10110010

#80a5b2
```
#80a5b2 rgb(128,165,178)
```
#b28d80
```
#b28d80 rgb(178,141,128)
```

Complementary Color

#80b2a6
```
#80b2a6 rgb(128,178,166)
```
#80a5b2
```
#80a5b2 rgb(128,165,178)
```
#808cb2
```
#808cb2 rgb(128,140,178)
```

Analogous Color

#b2a680
```
#b2a680 rgb(178,166,128)
```
#80a5b2
```
#80a5b2 rgb(128,165,178)
```
#b2808c
```
#b2808c rgb(178,128,140)
```

Split Complementary Color

#a5b280
```
#a5b280 rgb(165,178,128)
```
#80a5b2
```
#80a5b2 rgb(128,165,178)
```
#b280a5
```
#b280a5 rgb(178,128,165)
```

Triadic Color

#80b28d
```
#80b28d rgb(128,178,141)
```
#80a5b2
```
#80a5b2 rgb(128,165,178)
```
#b280a5
```
#b280a5 rgb(178,128,165)
```
#b28d80
```
#b28d80 rgb(178,141,128)
```

Tetradic Color

#57808f
```
#57808f rgb(87,128,143)
```
#608f9f
```
#608f9f rgb(96,143,159)
```
#709aa8
```
#709aa8 rgb(112,154,168)
```
#80a5b2
```
#80a5b2 rgb(128,165,178)
```
#90b0bc
```
#90b0bc rgb(144,176,188)
```
#a0bcc5
```
#a0bcc5 rgb(160,188,197)
```
#b0c7cf
```
#b0c7cf rgb(176,199,207)
```

Monochromatic Color

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

#80b2b2
```
#80b2b2 rgb(128,178,178)
```
#80adb2
```
#80adb2 rgb(128,173,178)
```
#80a9b2
```
#80a9b2 rgb(128,169,178)
```
#80a5b2
```
#80a5b2 rgb(128,165,178)
```
#80a1b2
```
#80a1b2 rgb(128,161,178)
```
#809db2
```
#809db2 rgb(128,157,178)
```
#8099b2
```
#8099b2 rgb(128,153,178)
```

Similar Colors

Text with hexadecimal color #80a5b2

This text has a font color of #80a5b2.

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

#80a5b2 background color

This paragraph has a background color of #80a5b2.

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

#80a5b2 border color

This element has a border color of #80a5b2.

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

CSS codes

.text {color:#80a5b2;}

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

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

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

#040707
```
#040707 rgb(4,7,7)
```
#0c1214
```
#0c1214 rgb(12,18,20)
```
#131d20
```
#131d20 rgb(19,29,32)
```
#1b272c
```
#1b272c rgb(27,39,44)
```
#223238
```
#223238 rgb(34,50,56)
```
#293d44
```
#293d44 rgb(41,61,68)
```
#314851
```
#314851 rgb(49,72,81)
```
#38535d
```
#38535d rgb(56,83,93)
```
#405e69
```
#405e69 rgb(64,94,105)
```
#476975
```
#476975 rgb(71,105,117)
```
#4e7481
```
#4e7481 rgb(78,116,129)
```
#567f8e
```
#567f8e rgb(86,127,142)
```
#5d8a9a
```
#5d8a9a rgb(93,138,154)
```

Shade Color Variation

#6894a3
```
#6894a3 rgb(104,148,163)
```
#749cab
```
#749cab rgb(116,156,171)
```
#80a5b2
```
#80a5b2 rgb(128,165,178)
```
#8caeb9
```
#8caeb9 rgb(140,174,185)
```
#98b6c1
```
#98b6c1 rgb(152,182,193)
```
#a5bfc8
```
#a5bfc8 rgb(165,191,200)
```
#b1c8d0
```
#b1c8d0 rgb(177,200,208)
```
#bdd0d7
```
#bdd0d7 rgb(189,208,215)
```
#c9d9de
```
#c9d9de rgb(201,217,222)
```
#d5e2e6
```
#d5e2e6 rgb(213,226,230)
```
#e2eaed
```
#e2eaed rgb(226,234,237)
```
#eef3f5
```
#eef3f5 rgb(238,243,245)
```
#fafcfc
```
#fafcfc rgb(250,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #989a9a is the less saturated color, while #39c7f9 is the most saturated one.

#989a9a
```
#989a9a rgb(152,154,154)
```
#909da2
```
#909da2 rgb(144,157,162)
```
#88a1aa
```
#88a1aa rgb(136,161,170)
```
#80a5b2
```
#80a5b2 rgb(128,165,178)
```
#78a9ba
```
#78a9ba rgb(120,169,186)
```
#70adc2
```
#70adc2 rgb(112,173,194)
```
#68b0ca
```
#68b0ca rgb(104,176,202)
```
#61b4d1
```
#61b4d1 rgb(97,180,209)
```
#59b8d9
```
#59b8d9 rgb(89,184,217)
```
#51bce1
```
#51bce1 rgb(81,188,225)
```
#49bfe9
```
#49bfe9 rgb(73,191,233)
```
#41c3f1
```
#41c3f1 rgb(65,195,241)
```
#39c7f9
```
#39c7f9 rgb(57,199,249)
```

Tone Color Variation

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

#a2a3b2 Protanopia 1% of men
#a8a0b9 Deuteranopia 1% of men
#86a9b5 Tritanopia 0.001% of the population

Trichromacy

#95a3b2 Protanomaly 1% of men, 0.01% of women
#99a1b6 Deuteranomaly 6% of men, 0.4% of women
#84a7b4 Tritanomaly 0.01% of the population

#80a5b2 hex color

#80a5b2 Color Information

#80a5b2 Color Conversion

Color Schemes with #80a5b2

Alternatives to #80a5b2

#80a5b2 Preview

Shades and Tints of #80a5b2

Tones of #80a5b2

Color Blindness Simulator