#80a5fd Color Information
In a RGB color space, hex #80a5fd is composed of 50.2% red, 64.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 49.4% cyan, 34.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 222.2 degrees, a saturation of 96.9% and a lightness of 74.7%. #80a5fd color hex could be obtained by blending #ffffff with #014bfb. Closest websafe color is: #9999ff.
-
- R 50
- G 65
- B 99
-
- C 49
- M 35
- Y 0
- K 1
● #80a5fd color description : Soft blue.
#80a5fd Color Conversion
The hexadecimal color #80a5fd has RGB values of R:128, G:165, B:253 and CMYK values of C:0.49, M:0.35, Y:0, K:0.01. Its decimal value is 8431101.
Hex triplet | 80a5fd | #80a5fd |
---|---|---|
RGB Decimal | 128, 165, 253 | rgb(128,165,253) |
RGB Percent | 50.2, 64.7, 99.2 | rgb(50.2%,64.7%,99.2%) |
CMYK | 49, 35, 0, 1 | |
HSL | 222.2°, 96.9, 74.7 | hsl(222.2,96.9%,74.7%) |
HSV (or HSB) | 222.2°, 49.4, 99.2 | |
Web Safe | 9999ff | #9999ff |
CIE-LAB | 68.453, 10.932, -47.663 |
---|---|
XYZ | 40.083, 38.59, 98.26 |
xyY | 0.227, 0.218, 38.59 |
CIE-LCH | 68.453, 48.901, 282.918 |
CIE-LUV | 68.453, -19.902, -78.514 |
Hunter-Lab | 62.12, 6.466, -50.298 |
Binary | 10000000, 10100101, 11111101 |
Color Schemes with #80a5fd
Alternatives to #80a5fd
Below, you can see some colors close to #80a5fd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#80a5fd Preview
This text has a font color of #80a5fd.
<span style="color:#80a5fd;">Text here</span>
This paragraph has a background color of #80a5fd.
<p style="background-color:#80a5fd;">Content here</p>
This element has a border color of #80a5fd.
<div style="border:1px solid #80a5fd;">Content here</div>
.text {color:#80a5fd;}
.background {background-color:#80a5fd;}
.border {border:1px solid #80a5fd;}
Shades and Tints of #80a5fd
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, #000308 is the darkest color, while #f4f7ff is the lightest one.
-
#000308
#000308
rgb(0,3,8)
-
#00081b
#00081b
rgb(0,8,27)
-
#010e2f
#010e2f
rgb(1,14,47)
-
#011442
#011442
rgb(1,20,66)
-
#011a55
#011a55
rgb(1,26,85)
-
#022069
#022069
rgb(2,32,105)
-
#02267c
#02267c
rgb(2,38,124)
-
#022c8f
#022c8f
rgb(2,44,143)
-
#0332a3
#0332a3
rgb(3,50,163)
-
#0338b6
#0338b6
rgb(3,56,182)
-
#033ec9
#033ec9
rgb(3,62,201)
-
#0344dd
#0344dd
rgb(3,68,221)
-
#044af0
#044af0
rgb(4,74,240)
-
#0c53fb
#0c53fb
rgb(12,83,251)
-
#1f61fb
#1f61fb
rgb(31,97,251)
-
#336efc
#336efc
rgb(51,110,252)
-
#467cfc
#467cfc
rgb(70,124,252)
-
#598afc
#598afc
rgb(89,138,252)
-
#6d97fd
#6d97fd
rgb(109,151,253)
-
#80a5fd
#80a5fd
rgb(128,165,253)
-
#93b3fd
#93b3fd
rgb(147,179,253)
-
#a7c0fe
#a7c0fe
rgb(167,192,254)
-
#bacefe
#bacefe
rgb(186,206,254)
-
#cddcfe
#cddcfe
rgb(205,220,254)
-
#e1e9ff
#e1e9ff
rgb(225,233,255)
-
#f4f7ff
#f4f7ff
rgb(244,247,255)
Tones of #80a5fd
A tone is produced by adding gray to any pure hue. In this case, #bcbdc1 is the less saturated color, while #80a5fd is the most saturated one.
-
#bcbdc1
#bcbdc1
rgb(188,189,193)
-
#b7bbc6
#b7bbc6
rgb(183,187,198)
-
#b2b9cb
#b2b9cb
rgb(178,185,203)
-
#adb7d0
#adb7d0
rgb(173,183,208)
-
#a8b5d5
#a8b5d5
rgb(168,181,213)
-
#a3b3da
#a3b3da
rgb(163,179,218)
-
#9eb1df
#9eb1df
rgb(158,177,223)
-
#99afe4
#99afe4
rgb(153,175,228)
-
#94ade9
#94ade9
rgb(148,173,233)
-
#8fabee
#8fabee
rgb(143,171,238)
-
#8aa9f3
#8aa9f3
rgb(138,169,243)
-
#85a7f8
#85a7f8
rgb(133,167,248)
-
#80a5fd
#80a5fd
rgb(128,165,253)
Color Blindness Simulator
Below, you can see how #80a5fd 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.