#80b3f4 Color Information
In a RGB color space, hex #80b3f4 is composed of 50.2% red, 70.2% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 47.5% cyan, 26.6% magenta, 0% yellow and 4.3% black. It has a hue angle of 213.6 degrees, a saturation of 84.1% and a lightness of 72.9%. #80b3f4 color hex could be obtained by blending #ffffff with #0167e9. Closest websafe color is: #99ccff.
-
- R 50
- G 70
- B 96
-
- C 48
- M 27
- Y 0
- K 4
● #80b3f4 color description : Soft blue.
#80b3f4 Color Conversion
The hexadecimal color #80b3f4 has RGB values of R:128, G:179, B:244 and CMYK values of C:0.48, M:0.27, Y:0, K:0.04. Its decimal value is 8434676.
Hex triplet | 80b3f4 | #80b3f4 |
---|---|---|
RGB Decimal | 128, 179, 244 | rgb(128,179,244) |
RGB Percent | 50.2, 70.2, 95.7 | rgb(50.2%,70.2%,95.7%) |
CMYK | 48, 27, 0, 4 | |
HSL | 213.6°, 84.1, 72.9 | hsl(213.6,84.1%,72.9%) |
HSV (or HSB) | 213.6°, 47.5, 95.7 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 71.798, 0.416, -37.546 |
---|---|
XYZ | 41.348, 43.359, 91.773 |
xyY | 0.234, 0.246, 43.359 |
CIE-LCH | 71.798, 37.548, 270.635 |
CIE-LUV | 71.798, -25.028, -60.492 |
Hunter-Lab | 65.848, -3.148, -36.541 |
Binary | 10000000, 10110011, 11110100 |
Color Schemes with #80b3f4
Alternatives to #80b3f4
Below, you can see some colors close to #80b3f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#80b3f4 Preview
This text has a font color of #80b3f4.
<span style="color:#80b3f4;">Text here</span>
This paragraph has a background color of #80b3f4.
<p style="background-color:#80b3f4;">Content here</p>
This element has a border color of #80b3f4.
<div style="border:1px solid #80b3f4;">Content here</div>
.text {color:#80b3f4;}
.background {background-color:#80b3f4;}
.border {border:1px solid #80b3f4;}
Shades and Tints of #80b3f4
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, #020911 is the darkest color, while #feffff is the lightest one.
-
#020911
#020911
rgb(2,9,17)
-
#031123
#031123
rgb(3,17,35)
-
#051a36
#051a36
rgb(5,26,54)
-
#062348
#062348
rgb(6,35,72)
-
#082c5a
#082c5a
rgb(8,44,90)
-
#09356c
#09356c
rgb(9,53,108)
-
#0b3d7e
#0b3d7e
rgb(11,61,126)
-
#0c4690
#0c4690
rgb(12,70,144)
-
#0e4fa2
#0e4fa2
rgb(14,79,162)
-
#1058b4
#1058b4
rgb(16,88,180)
-
#1161c6
#1161c6
rgb(17,97,198)
-
#1369d8
#1369d8
rgb(19,105,216)
-
#1472ea
#1472ea
rgb(20,114,234)
-
#267dec
#267dec
rgb(38,125,236)
-
#3888ee
#3888ee
rgb(56,136,238)
-
#4a93ef
#4a93ef
rgb(74,147,239)
-
#5c9df1
#5c9df1
rgb(92,157,241)
-
#6ea8f2
#6ea8f2
rgb(110,168,242)
-
#80b3f4
#80b3f4
rgb(128,179,244)
-
#92bef6
#92bef6
rgb(146,190,246)
-
#a4c9f7
#a4c9f7
rgb(164,201,247)
-
#b6d3f9
#b6d3f9
rgb(182,211,249)
-
#c8defa
#c8defa
rgb(200,222,250)
-
#dae9fc
#dae9fc
rgb(218,233,252)
-
#ecf4fd
#ecf4fd
rgb(236,244,253)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #80b3f4
A tone is produced by adding gray to any pure hue. In this case, #b5b9bf is the less saturated color, while #75b2ff is the most saturated one.
-
#b5b9bf
#b5b9bf
rgb(181,185,191)
-
#b0b9c4
#b0b9c4
rgb(176,185,196)
-
#aab8ca
#aab8ca
rgb(170,184,202)
-
#a5b7cf
#a5b7cf
rgb(165,183,207)
-
#a0b7d4
#a0b7d4
rgb(160,183,212)
-
#9bb6d9
#9bb6d9
rgb(155,182,217)
-
#95b6df
#95b6df
rgb(149,182,223)
-
#90b5e4
#90b5e4
rgb(144,181,228)
-
#8bb4e9
#8bb4e9
rgb(139,180,233)
-
#85b4ef
#85b4ef
rgb(133,180,239)
-
#80b3f4
#80b3f4
rgb(128,179,244)
-
#7bb2f9
#7bb2f9
rgb(123,178,249)
-
#75b2ff
#75b2ff
rgb(117,178,255)
Color Blindness Simulator
Below, you can see how #80b3f4 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.