#80a5ba Color Information
In a RGB color space, hex #80a5ba is composed of 50.2% red, 64.7% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 31.2% cyan, 11.3% magenta, 0% yellow and 27.1% black. It has a hue angle of 201.7 degrees, a saturation of 29.6% and a lightness of 61.6%. #80a5ba color hex could be obtained by blending #ffffff with #014b75. Closest websafe color is: #9999cc.
-
- R 50
- G 65
- B 73
-
- C 31
- M 11
- Y 0
- K 27
● #80a5ba color description : Slightly desaturated blue.
#80a5ba Color Conversion
The hexadecimal color #80a5ba has RGB values of R:128, G:165, B:186 and CMYK values of C:0.31, M:0.11, Y:0, K:0.27. Its decimal value is 8431034.
Hex triplet | 80a5ba | #80a5ba |
---|---|---|
RGB Decimal | 128, 165, 186 | rgb(128,165,186) |
RGB Percent | 50.2, 64.7, 72.9 | rgb(50.2%,64.7%,72.9%) |
CMYK | 31, 11, 0, 27 | |
HSL | 201.7°, 29.6, 61.6 | hsl(201.7,29.6%,61.6%) |
HSV (or HSB) | 201.7°, 31.2, 72.9 | |
Web Safe | 9999cc | #9999cc |
CIE-LAB | 65.783, -7.532, -14.895 |
---|---|
XYZ | 31.218, 35.044, 51.571 |
xyY | 0.265, 0.297, 35.044 |
CIE-LCH | 65.783, 16.691, 243.176 |
CIE-LUV | 65.783, -19.117, -21.474 |
Hunter-Lab | 59.198, -9.463, -10.213 |
Binary | 10000000, 10100101, 10111010 |
Color Schemes with #80a5ba
Alternatives to #80a5ba
Below, you can see some colors close to #80a5ba. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#80a5ba Preview
This text has a font color of #80a5ba.
<span style="color:#80a5ba;">Text here</span>
This paragraph has a background color of #80a5ba.
<p style="background-color:#80a5ba;">Content here</p>
This element has a border color of #80a5ba.
<div style="border:1px solid #80a5ba;">Content here</div>
.text {color:#80a5ba;}
.background {background-color:#80a5ba;}
.border {border:1px solid #80a5ba;}
Shades and Tints of #80a5ba
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, #000000 is the darkest color, while #f2f6f8 is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#070b0d
#070b0d
rgb(7,11,13)
-
#0e151a
#0e151a
rgb(14,21,26)
-
#152026
#152026
rgb(21,32,38)
-
#1c2b33
#1c2b33
rgb(28,43,51)
-
#233540
#233540
rgb(35,53,64)
-
#29404c
#29404c
rgb(41,64,76)
-
#304a59
#304a59
rgb(48,74,89)
-
#375566
#375566
rgb(55,85,102)
-
#3e6072
#3e6072
rgb(62,96,114)
-
#456a7f
#456a7f
rgb(69,106,127)
-
#4c758c
#4c758c
rgb(76,117,140)
-
#537f99
#537f99
rgb(83,127,153)
-
#5a8aa5
#5a8aa5
rgb(90,138,165)
-
#6793ac
#6793ac
rgb(103,147,172)
-
#739cb3
#739cb3
rgb(115,156,179)
-
#80a5ba
#80a5ba
rgb(128,165,186)
-
#8daec1
#8daec1
rgb(141,174,193)
-
#99b7c8
#99b7c8
rgb(153,183,200)
-
#a6c0cf
#a6c0cf
rgb(166,192,207)
-
#b3c9d6
#b3c9d6
rgb(179,201,214)
-
#c0d2dd
#c0d2dd
rgb(192,210,221)
-
#ccdbe3
#ccdbe3
rgb(204,219,227)
-
#d9e4ea
#d9e4ea
rgb(217,228,234)
-
#e6edf1
#e6edf1
rgb(230,237,241)
-
#f2f6f8
#f2f6f8
rgb(242,246,248)
Tones of #80a5ba
A tone is produced by adding gray to any pure hue. In this case, #979fa3 is the less saturated color, while #3cb8fe is the most saturated one.
-
#979fa3
#979fa3
rgb(151,159,163)
-
#8fa1ab
#8fa1ab
rgb(143,161,171)
-
#88a3b2
#88a3b2
rgb(136,163,178)
-
#80a5ba
#80a5ba
rgb(128,165,186)
-
#78a7c2
#78a7c2
rgb(120,167,194)
-
#71a9c9
#71a9c9
rgb(113,169,201)
-
#69abd1
#69abd1
rgb(105,171,209)
-
#62add8
#62add8
rgb(98,173,216)
-
#5aafe0
#5aafe0
rgb(90,175,224)
-
#53b1e7
#53b1e7
rgb(83,177,231)
-
#4bb4ef
#4bb4ef
rgb(75,180,239)
-
#44b6f6
#44b6f6
rgb(68,182,246)
-
#3cb8fe
#3cb8fe
rgb(60,184,254)
Color Blindness Simulator
Below, you can see how #80a5ba 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.