#80baf8 Color Information
In a RGB color space, hex #80baf8 is composed of 50.2% red, 72.9% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 48.4% cyan, 25% magenta, 0% yellow and 2.7% black. It has a hue angle of 211 degrees, a saturation of 89.6% and a lightness of 73.7%. #80baf8 color hex could be obtained by blending #ffffff with #0175f1. Closest websafe color is: #99ccff.
-
- R 50
- G 73
- B 97
-
- C 48
- M 25
- Y 0
- K 3
● #80baf8 color description : Soft blue.
#80baf8 Color Conversion
The hexadecimal color #80baf8 has RGB values of R:128, G:186, B:248 and CMYK values of C:0.48, M:0.25, Y:0, K:0.03. Its decimal value is 8436472.
Hex triplet | 80baf8 | #80baf8 |
---|---|---|
RGB Decimal | 128, 186, 248 | rgb(128,186,248) |
RGB Percent | 50.2, 72.9, 97.3 | rgb(50.2%,72.9%,97.3%) |
CMYK | 48, 25, 0, 3 | |
HSL | 211°, 89.6, 73.7 | hsl(211,89.6%,73.7%) |
HSV (or HSB) | 211°, 48.4, 97.3 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 73.857, -2.291, -36.51 |
---|---|
XYZ | 43.4, 46.482, 95.487 |
xyY | 0.234, 0.251, 46.482 |
CIE-LCH | 73.857, 36.582, 266.409 |
CIE-LUV | 73.857, -27.669, -58.6 |
Hunter-Lab | 68.178, -5.682, -35.314 |
Binary | 10000000, 10111010, 11111000 |
Color Schemes with #80baf8
Alternatives to #80baf8
Below, you can see some colors close to #80baf8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#80baf8 Preview
This text has a font color of #80baf8.
<span style="color:#80baf8;">Text here</span>
This paragraph has a background color of #80baf8.
<p style="background-color:#80baf8;">Content here</p>
This element has a border color of #80baf8.
<div style="border:1px solid #80baf8;">Content here</div>
.text {color:#80baf8;}
.background {background-color:#80baf8;}
.border {border:1px solid #80baf8;}
Shades and Tints of #80baf8
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, #000203 is the darkest color, while #f0f7fe is the lightest one.
-
#000203
#000203
rgb(0,2,3)
-
#010b16
#010b16
rgb(1,11,22)
-
#021528
#021528
rgb(2,21,40)
-
#031e3b
#031e3b
rgb(3,30,59)
-
#04284d
#04284d
rgb(4,40,77)
-
#053160
#053160
rgb(5,49,96)
-
#063b73
#063b73
rgb(6,59,115)
-
#074485
#074485
rgb(7,68,133)
-
#084e98
#084e98
rgb(8,78,152)
-
#0957aa
#0957aa
rgb(9,87,170)
-
#0a61bd
#0a61bd
rgb(10,97,189)
-
#0b6ad0
#0b6ad0
rgb(11,106,208)
-
#0c74e2
#0c74e2
rgb(12,116,226)
-
#107df2
#107df2
rgb(16,125,242)
-
#2387f3
#2387f3
rgb(35,135,243)
-
#3692f4
#3692f4
rgb(54,146,244)
-
#489cf5
#489cf5
rgb(72,156,245)
-
#5ba6f6
#5ba6f6
rgb(91,166,246)
-
#6db0f7
#6db0f7
rgb(109,176,247)
-
#80baf8
#80baf8
rgb(128,186,248)
-
#93c4f9
#93c4f9
rgb(147,196,249)
-
#a5cefa
#a5cefa
rgb(165,206,250)
-
#b8d8fb
#b8d8fb
rgb(184,216,251)
-
#cae2fc
#cae2fc
rgb(202,226,252)
-
#ddedfd
#ddedfd
rgb(221,237,253)
-
#f0f7fe
#f0f7fe
rgb(240,247,254)
Tones of #80baf8
A tone is produced by adding gray to any pure hue. In this case, #b9bcbf is the less saturated color, while #7bbafd is the most saturated one.
-
#b9bcbf
#b9bcbf
rgb(185,188,191)
-
#b4bcc4
#b4bcc4
rgb(180,188,196)
-
#aebcca
#aebcca
rgb(174,188,202)
-
#a9bbcf
#a9bbcf
rgb(169,187,207)
-
#a4bbd4
#a4bbd4
rgb(164,187,212)
-
#9fbbd9
#9fbbd9
rgb(159,187,217)
-
#9abbde
#9abbde
rgb(154,187,222)
-
#95bbe3
#95bbe3
rgb(149,187,227)
-
#8fbbe9
#8fbbe9
rgb(143,187,233)
-
#8abaee
#8abaee
rgb(138,186,238)
-
#85baf3
#85baf3
rgb(133,186,243)
-
#80baf8
#80baf8
rgb(128,186,248)
-
#7bbafd
#7bbafd
rgb(123,186,253)
Color Blindness Simulator
Below, you can see how #80baf8 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.