#548bf8 Color Information
In a RGB color space, hex #548bf8 is composed of 32.9% red, 54.5% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 66.1% cyan, 44% magenta, 0% yellow and 2.7% black. It has a hue angle of 219.9 degrees, a saturation of 92.1% and a lightness of 65.1%. #548bf8 color hex could be obtained by blending #a8ffff with #0017f1. Closest websafe color is: #6699ff.
-
- R 33
- G 55
- B 97
-
- C 66
- M 44
- Y 0
- K 3
● #548bf8 color description : Soft blue.
#548bf8 Color Conversion
The hexadecimal color #548bf8 has RGB values of R:84, G:139, B:248 and CMYK values of C:0.66, M:0.44, Y:0, K:0.03. Its decimal value is 5540856.
Hex triplet | 548bf8 | #548bf8 |
---|---|---|
RGB Decimal | 84, 139, 248 | rgb(84,139,248) |
RGB Percent | 32.9, 54.5, 97.3 | rgb(32.9%,54.5%,97.3%) |
CMYK | 66, 44, 0, 3 | |
HSL | 219.9°, 92.1, 65.1 | hsl(219.9,92.1%,65.1%) |
HSV (or HSB) | 219.9°, 66.1, 97.3 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 59.09, 16.117, -59.93 |
---|---|
XYZ | 29.828, 27.125, 92.466 |
xyY | 0.2, 0.182, 27.125 |
CIE-LCH | 59.09, 62.059, 285.053 |
CIE-LUV | 59.09, -23.628, -97.151 |
Hunter-Lab | 52.082, 11.087, -68.805 |
Binary | 01010100, 10001011, 11111000 |
Color Schemes with #548bf8
Alternatives to #548bf8
Below, you can see some colors close to #548bf8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#548bf8 Preview
This text has a font color of #548bf8.
<span style="color:#548bf8;">Text here</span>
This paragraph has a background color of #548bf8.
<p style="background-color:#548bf8;">Content here</p>
This element has a border color of #548bf8.
<div style="border:1px solid #548bf8;">Content here</div>
.text {color:#548bf8;}
.background {background-color:#548bf8;}
.border {border:1px solid #548bf8;}
Shades and Tints of #548bf8
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, #010611 is the darkest color, while #fefeff is the lightest one.
-
#010611
#010611
rgb(1,6,17)
-
#010d24
#010d24
rgb(1,13,36)
-
#021437
#021437
rgb(2,20,55)
-
#031b4a
#031b4a
rgb(3,27,74)
-
#04225d
#04225d
rgb(4,34,93)
-
#052870
#052870
rgb(5,40,112)
-
#052f83
#052f83
rgb(5,47,131)
-
#063695
#063695
rgb(6,54,149)
-
#073da8
#073da8
rgb(7,61,168)
-
#0844bb
#0844bb
rgb(8,68,187)
-
#084bce
#084bce
rgb(8,75,206)
-
#0951e1
#0951e1
rgb(9,81,225)
-
#0a58f4
#0a58f4
rgb(10,88,244)
-
#1b65f6
#1b65f6
rgb(27,101,246)
-
#2e71f6
#2e71f6
rgb(46,113,246)
-
#417ef7
#417ef7
rgb(65,126,247)
-
#548bf8
#548bf8
rgb(84,139,248)
-
#6798f9
#6798f9
rgb(103,152,249)
-
#7aa5fa
#7aa5fa
rgb(122,165,250)
-
#8db1fa
#8db1fa
rgb(141,177,250)
-
#9fbefb
#9fbefb
rgb(159,190,251)
-
#b2cbfc
#b2cbfc
rgb(178,203,252)
-
#c5d8fd
#c5d8fd
rgb(197,216,253)
-
#d8e4fd
#d8e4fd
rgb(216,228,253)
-
#ebf1fe
#ebf1fe
rgb(235,241,254)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #548bf8
A tone is produced by adding gray to any pure hue. In this case, #9fa4ad is the less saturated color, while #4d89ff is the most saturated one.
-
#9fa4ad
#9fa4ad
rgb(159,164,173)
-
#98a2b4
#98a2b4
rgb(152,162,180)
-
#929fba
#929fba
rgb(146,159,186)
-
#8b9dc1
#8b9dc1
rgb(139,157,193)
-
#849bc8
#849bc8
rgb(132,155,200)
-
#7d99cf
#7d99cf
rgb(125,153,207)
-
#7696d6
#7696d6
rgb(118,150,214)
-
#6f94dd
#6f94dd
rgb(111,148,221)
-
#6992e3
#6992e3
rgb(105,146,227)
-
#6290ea
#6290ea
rgb(98,144,234)
-
#5b8df1
#5b8df1
rgb(91,141,241)
-
#548bf8
#548bf8
rgb(84,139,248)
-
#4d89ff
#4d89ff
rgb(77,137,255)
Color Blindness Simulator
Below, you can see how #548bf8 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.