#80baf2 Color Information
In a RGB color space, hex #80baf2 is composed of 50.2% red, 72.9% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 47.1% cyan, 23.1% magenta, 0% yellow and 5.1% black. It has a hue angle of 209.5 degrees, a saturation of 81.4% and a lightness of 72.5%. #80baf2 color hex could be obtained by blending #ffffff with #0175e5. Closest websafe color is: #99ccff.
-
- R 50
- G 73
- B 95
-
- C 47
- M 23
- Y 0
- K 5
● #80baf2 color description : Soft blue.
#80baf2 Color Conversion
The hexadecimal color #80baf2 has RGB values of R:128, G:186, B:242 and CMYK values of C:0.47, M:0.23, Y:0, K:0.05. Its decimal value is 8436466.
Hex triplet | 80baf2 | #80baf2 |
---|---|---|
RGB Decimal | 128, 186, 242 | rgb(128,186,242) |
RGB Percent | 50.2, 72.9, 94.9 | rgb(50.2%,72.9%,94.9%) |
CMYK | 47, 23, 0, 5 | |
HSL | 209.5°, 81.4, 72.5 | hsl(209.5,81.4%,72.5%) |
HSV (or HSB) | 209.5°, 47.1, 94.9 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 73.621, -3.999, -33.638 |
---|---|
XYZ | 42.484, 46.116, 90.662 |
xyY | 0.237, 0.257, 46.116 |
CIE-LCH | 73.621, 33.875, 263.22 |
CIE-LUV | 73.621, -27.708, -53.457 |
Hunter-Lab | 67.909, -7.168, -31.62 |
Binary | 10000000, 10111010, 11110010 |
Color Schemes with #80baf2
Alternatives to #80baf2
Below, you can see some colors close to #80baf2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#80baf2 Preview
This text has a font color of #80baf2.
<span style="color:#80baf2;">Text here</span>
This paragraph has a background color of #80baf2.
<p style="background-color:#80baf2;">Content here</p>
This element has a border color of #80baf2.
<div style="border:1px solid #80baf2;">Content here</div>
.text {color:#80baf2;}
.background {background-color:#80baf2;}
.border {border:1px solid #80baf2;}
Shades and Tints of #80baf2
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, #02090f is the darkest color, while #fdfeff is the lightest one.
-
#02090f
#02090f
rgb(2,9,15)
-
#031321
#031321
rgb(3,19,33)
-
#051c33
#051c33
rgb(5,28,51)
-
#072645
#072645
rgb(7,38,69)
-
#093057
#093057
rgb(9,48,87)
-
#0b3a68
#0b3a68
rgb(11,58,104)
-
#0d447a
#0d447a
rgb(13,68,122)
-
#0e4e8c
#0e4e8c
rgb(14,78,140)
-
#10589e
#10589e
rgb(16,88,158)
-
#1262af
#1262af
rgb(18,98,175)
-
#146cc1
#146cc1
rgb(20,108,193)
-
#1676d3
#1676d3
rgb(22,118,211)
-
#1780e5
#1780e5
rgb(23,128,229)
-
#278ae9
#278ae9
rgb(39,138,233)
-
#3993eb
#3993eb
rgb(57,147,235)
-
#4b9ded
#4b9ded
rgb(75,157,237)
-
#5ca7ee
#5ca7ee
rgb(92,167,238)
-
#6eb0f0
#6eb0f0
rgb(110,176,240)
-
#80baf2
#80baf2
rgb(128,186,242)
-
#92c4f4
#92c4f4
rgb(146,196,244)
-
#a4cdf6
#a4cdf6
rgb(164,205,246)
-
#b5d7f7
#b5d7f7
rgb(181,215,247)
-
#c7e1f9
#c7e1f9
rgb(199,225,249)
-
#d9eafb
#d9eafb
rgb(217,234,251)
-
#ebf4fd
#ebf4fd
rgb(235,244,253)
-
#fdfeff
#fdfeff
rgb(253,254,255)
Tones of #80baf2
A tone is produced by adding gray to any pure hue. In this case, #b6b9bc is the less saturated color, while #75bafd is the most saturated one.
-
#b6b9bc
#b6b9bc
rgb(182,185,188)
-
#b0b9c2
#b0b9c2
rgb(176,185,194)
-
#abb9c7
#abb9c7
rgb(171,185,199)
-
#a6b9cc
#a6b9cc
rgb(166,185,204)
-
#a0b9d2
#a0b9d2
rgb(160,185,210)
-
#9bbad7
#9bbad7
rgb(155,186,215)
-
#96badc
#96badc
rgb(150,186,220)
-
#90bae2
#90bae2
rgb(144,186,226)
-
#8bbae7
#8bbae7
rgb(139,186,231)
-
#85baed
#85baed
rgb(133,186,237)
-
#80baf2
#80baf2
rgb(128,186,242)
-
#7bbaf7
#7bbaf7
rgb(123,186,247)
-
#75bafd
#75bafd
rgb(117,186,253)
Color Blindness Simulator
Below, you can see how #80baf2 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.