#80baf3 Color Information
In a RGB color space, hex #80baf3 is composed of 50.2% red, 72.9% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 47.3% cyan, 23.5% magenta, 0% yellow and 4.7% black. It has a hue angle of 209.7 degrees, a saturation of 82.7% and a lightness of 72.7%. #80baf3 color hex could be obtained by blending #ffffff with #0175e7. Closest websafe color is: #99ccff.
-
- R 50
- G 73
- B 95
-
- C 47
- M 23
- Y 0
- K 5
● #80baf3 color description : Soft blue.
#80baf3 Color Conversion
The hexadecimal color #80baf3 has RGB values of R:128, G:186, B:243 and CMYK values of C:0.47, M:0.23, Y:0, K:0.05. Its decimal value is 8436467.
Hex triplet | 80baf3 | #80baf3 |
---|---|---|
RGB Decimal | 128, 186, 243 | rgb(128,186,243) |
RGB Percent | 50.2, 72.9, 95.3 | rgb(50.2%,72.9%,95.3%) |
CMYK | 47, 23, 0, 5 | |
HSL | 209.7°, 82.7, 72.7 | hsl(209.7,82.7%,72.7%) |
HSV (or HSB) | 209.7°, 47.3, 95.3 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 73.66, -3.716, -34.118 |
---|---|
XYZ | 42.635, 46.176, 91.455 |
xyY | 0.237, 0.256, 46.176 |
CIE-LCH | 73.66, 34.32, 263.784 |
CIE-LUV | 73.66, -27.701, -54.314 |
Hunter-Lab | 67.953, -6.923, -32.229 |
Binary | 10000000, 10111010, 11110011 |
Color Schemes with #80baf3
Alternatives to #80baf3
Below, you can see some colors close to #80baf3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#80baf3 Preview
This text has a font color of #80baf3.
<span style="color:#80baf3;">Text here</span>
This paragraph has a background color of #80baf3.
<p style="background-color:#80baf3;">Content here</p>
This element has a border color of #80baf3.
<div style="border:1px solid #80baf3;">Content here</div>
.text {color:#80baf3;}
.background {background-color:#80baf3;}
.border {border:1px solid #80baf3;}
Shades and Tints of #80baf3
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, #020910 is the darkest color, while #fdfeff is the lightest one.
-
#020910
#020910
rgb(2,9,16)
-
#031322
#031322
rgb(3,19,34)
-
#051d34
#051d34
rgb(5,29,52)
-
#072746
#072746
rgb(7,39,70)
-
#083158
#083158
rgb(8,49,88)
-
#0a3a6a
#0a3a6a
rgb(10,58,106)
-
#0c447c
#0c447c
rgb(12,68,124)
-
#0d4e8e
#0d4e8e
rgb(13,78,142)
-
#0f58a0
#0f58a0
rgb(15,88,160)
-
#1162b2
#1162b2
rgb(17,98,178)
-
#126cc4
#126cc4
rgb(18,108,196)
-
#1476d6
#1476d6
rgb(20,118,214)
-
#1680e7
#1680e7
rgb(22,128,231)
-
#2689eb
#2689eb
rgb(38,137,235)
-
#3893ec
#3893ec
rgb(56,147,236)
-
#4a9dee
#4a9dee
rgb(74,157,238)
-
#5ca7f0
#5ca7f0
rgb(92,167,240)
-
#6eb0f1
#6eb0f1
rgb(110,176,241)
-
#80baf3
#80baf3
rgb(128,186,243)
-
#92c4f5
#92c4f5
rgb(146,196,245)
-
#a4cdf6
#a4cdf6
rgb(164,205,246)
-
#b6d7f8
#b6d7f8
rgb(182,215,248)
-
#c8e1fa
#c8e1fa
rgb(200,225,250)
-
#daebfb
#daebfb
rgb(218,235,251)
-
#ecf4fd
#ecf4fd
rgb(236,244,253)
-
#fdfeff
#fdfeff
rgb(253,254,255)
Tones of #80baf3
A tone is produced by adding gray to any pure hue. In this case, #b5babe is the less saturated color, while #75bafe is the most saturated one.
-
#b5babe
#b5babe
rgb(181,186,190)
-
#b0bac3
#b0bac3
rgb(176,186,195)
-
#abbac8
#abbac8
rgb(171,186,200)
-
#a5bace
#a5bace
rgb(165,186,206)
-
#a0bad3
#a0bad3
rgb(160,186,211)
-
#9bbad8
#9bbad8
rgb(155,186,216)
-
#95bade
#95bade
rgb(149,186,222)
-
#90bae3
#90bae3
rgb(144,186,227)
-
#8bbae8
#8bbae8
rgb(139,186,232)
-
#85baee
#85baee
rgb(133,186,238)
-
#80baf3
#80baf3
rgb(128,186,243)
-
#7bbaf8
#7bbaf8
rgb(123,186,248)
-
#75bafe
#75bafe
rgb(117,186,254)
Color Blindness Simulator
Below, you can see how #80baf3 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.