#80bafe Color Information
In a RGB color space, hex #80bafe is composed of 50.2% red, 72.9% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 49.6% cyan, 26.8% magenta, 0% yellow and 0.4% black. It has a hue angle of 212.4 degrees, a saturation of 98.4% and a lightness of 74.9%. #80bafe color hex could be obtained by blending #ffffff with #0175fd. Closest websafe color is: #99ccff.
-
- R 50
- G 73
- B 100
-
- C 50
- M 27
- Y 0
- K 0
● #80bafe color description : Soft blue.
#80bafe Color Conversion
The hexadecimal color #80bafe has RGB values of R:128, G:186, B:254 and CMYK values of C:0.5, M:0.27, Y:0, K:0. Its decimal value is 8436478.
Hex triplet | 80bafe | #80bafe |
---|---|---|
RGB Decimal | 128, 186, 254 | rgb(128,186,254) |
RGB Percent | 50.2, 72.9, 99.6 | rgb(50.2%,72.9%,99.6%) |
CMYK | 50, 27, 0, 0 | |
HSL | 212.4°, 98.4, 74.9 | hsl(212.4,98.4%,74.9%) |
HSV (or HSB) | 212.4°, 49.6, 99.6 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 74.1, -0.562, -39.364 |
---|---|
XYZ | 44.346, 46.86, 100.469 |
xyY | 0.231, 0.244, 46.86 |
CIE-LCH | 74.1, 39.368, 269.182 |
CIE-LUV | 74.1, -27.633, -63.734 |
Hunter-Lab | 68.455, -4.16, -39.1 |
Binary | 10000000, 10111010, 11111110 |
Color Schemes with #80bafe
Alternatives to #80bafe
Below, you can see some colors close to #80bafe. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#80bafe Preview
This text has a font color of #80bafe.
<span style="color:#80bafe;">Text here</span>
This paragraph has a background color of #80bafe.
<p style="background-color:#80bafe;">Content here</p>
This element has a border color of #80bafe.
<div style="border:1px solid #80bafe;">Content here</div>
.text {color:#80bafe;}
.background {background-color:#80bafe;}
.border {border:1px solid #80bafe;}
Shades and Tints of #80bafe
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, #000409 is the darkest color, while #f5f9ff is the lightest one.
-
#000409
#000409
rgb(0,4,9)
-
#000d1d
#000d1d
rgb(0,13,29)
-
#001630
#001630
rgb(0,22,48)
-
#011f44
#011f44
rgb(1,31,68)
-
#012857
#012857
rgb(1,40,87)
-
#01316b
#01316b
rgb(1,49,107)
-
#013b7e
#013b7e
rgb(1,59,126)
-
#014491
#014491
rgb(1,68,145)
-
#014da5
#014da5
rgb(1,77,165)
-
#0156b8
#0156b8
rgb(1,86,184)
-
#025fcc
#025fcc
rgb(2,95,204)
-
#0268df
#0268df
rgb(2,104,223)
-
#0271f3
#0271f3
rgb(2,113,243)
-
#0b7bfd
#0b7bfd
rgb(11,123,253)
-
#1f85fd
#1f85fd
rgb(31,133,253)
-
#3290fd
#3290fd
rgb(50,144,253)
-
#469afe
#469afe
rgb(70,154,254)
-
#59a5fe
#59a5fe
rgb(89,165,254)
-
#6daffe
#6daffe
rgb(109,175,254)
-
#80bafe
#80bafe
rgb(128,186,254)
-
#93c5fe
#93c5fe
rgb(147,197,254)
-
#a7cffe
#a7cffe
rgb(167,207,254)
-
#badafe
#badafe
rgb(186,218,254)
-
#cee4ff
#cee4ff
rgb(206,228,255)
-
#e1efff
#e1efff
rgb(225,239,255)
-
#f5f9ff
#f5f9ff
rgb(245,249,255)
Tones of #80bafe
A tone is produced by adding gray to any pure hue. In this case, #bbbfc3 is the less saturated color, while #80bafe is the most saturated one.
-
#bbbfc3
#bbbfc3
rgb(187,191,195)
-
#b6bec8
#b6bec8
rgb(182,190,200)
-
#b1becd
#b1becd
rgb(177,190,205)
-
#acbed2
#acbed2
rgb(172,190,210)
-
#a7bdd7
#a7bdd7
rgb(167,189,215)
-
#a2bddc
#a2bddc
rgb(162,189,220)
-
#9ebce0
#9ebce0
rgb(158,188,224)
-
#99bce5
#99bce5
rgb(153,188,229)
-
#94bcea
#94bcea
rgb(148,188,234)
-
#8fbbef
#8fbbef
rgb(143,187,239)
-
#8abbf4
#8abbf4
rgb(138,187,244)
-
#85baf9
#85baf9
rgb(133,186,249)
-
#80bafe
#80bafe
rgb(128,186,254)
Color Blindness Simulator
Below, you can see how #80bafe 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.