#548bff Color Information
In a RGB color space, hex #548bff is composed of 32.9% red, 54.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 67.1% cyan, 45.5% magenta, 0% yellow and 0% black. It has a hue angle of 220.7 degrees, a saturation of 100% and a lightness of 66.5%. #548bff color hex could be obtained by blending #a8ffff with #0017ff. Closest websafe color is: #6699ff.
-
- R 33
- G 55
- B 100
-
- C 67
- M 45
- Y 0
- K 0
● #548bff color description : Light blue.
#548bff Color Conversion
The hexadecimal color #548bff has RGB values of R:84, G:139, B:255 and CMYK values of C:0.67, M:0.45, Y:0, K:0. Its decimal value is 5540863.
Hex triplet | 548bff | #548bff |
---|---|---|
RGB Decimal | 84, 139, 255 | rgb(84,139,255) |
RGB Percent | 32.9, 54.5, 100 | rgb(32.9%,54.5%,100%) |
CMYK | 67, 45, 0, 0 | |
HSL | 220.7°, 100, 66.5 | hsl(220.7,100%,66.5%) |
HSV (or HSB) | 220.7°, 67.1, 100 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 59.496, 18.517, -63.127 |
---|---|
XYZ | 30.935, 27.568, 98.293 |
xyY | 0.197, 0.176, 27.568 |
CIE-LCH | 59.496, 65.787, 286.348 |
CIE-LUV | 59.496, -23.57, -102.674 |
Hunter-Lab | 52.505, 13.284, -74.241 |
Binary | 01010100, 10001011, 11111111 |
Color Schemes with #548bff
Alternatives to #548bff
Below, you can see some colors close to #548bff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#548bff Preview
This text has a font color of #548bff.
<span style="color:#548bff;">Text here</span>
This paragraph has a background color of #548bff.
<p style="background-color:#548bff;">Content here</p>
This element has a border color of #548bff.
<div style="border:1px solid #548bff;">Content here</div>
.text {color:#548bff;}
.background {background-color:#548bff;}
.border {border:1px solid #548bff;}
Shades and Tints of #548bff
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, #000206 is the darkest color, while #f1f5ff is the lightest one.
-
#000206
#000206
rgb(0,2,6)
-
#000819
#000819
rgb(0,8,25)
-
#000e2d
#000e2d
rgb(0,14,45)
-
#001540
#001540
rgb(0,21,64)
-
#001b54
#001b54
rgb(0,27,84)
-
#002168
#002168
rgb(0,33,104)
-
#00287b
#00287b
rgb(0,40,123)
-
#002e8f
#002e8f
rgb(0,46,143)
-
#0034a2
#0034a2
rgb(0,52,162)
-
#003bb6
#003bb6
rgb(0,59,182)
-
#0041ca
#0041ca
rgb(0,65,202)
-
#0047dd
#0047dd
rgb(0,71,221)
-
#004df1
#004df1
rgb(0,77,241)
-
#0656ff
#0656ff
rgb(6,86,255)
-
#1963ff
#1963ff
rgb(25,99,255)
-
#2d70ff
#2d70ff
rgb(45,112,255)
-
#407eff
#407eff
rgb(64,126,255)
-
#548bff
#548bff
rgb(84,139,255)
-
#6898ff
#6898ff
rgb(104,152,255)
-
#7ba6ff
#7ba6ff
rgb(123,166,255)
-
#8fb3ff
#8fb3ff
rgb(143,179,255)
-
#a2c0ff
#a2c0ff
rgb(162,192,255)
-
#b6ceff
#b6ceff
rgb(182,206,255)
-
#cadbff
#cadbff
rgb(202,219,255)
-
#dde8ff
#dde8ff
rgb(221,232,255)
-
#f1f5ff
#f1f5ff
rgb(241,245,255)
Tones of #548bff
A tone is produced by adding gray to any pure hue. In this case, #a3a7b0 is the less saturated color, while #548bff is the most saturated one.
-
#a3a7b0
#a3a7b0
rgb(163,167,176)
-
#9ca5b7
#9ca5b7
rgb(156,165,183)
-
#96a2bd
#96a2bd
rgb(150,162,189)
-
#8fa0c4
#8fa0c4
rgb(143,160,196)
-
#899eca
#899eca
rgb(137,158,202)
-
#829bd1
#829bd1
rgb(130,155,209)
-
#7b99d8
#7b99d8
rgb(123,153,216)
-
#7597de
#7597de
rgb(117,151,222)
-
#6e94e5
#6e94e5
rgb(110,148,229)
-
#6892eb
#6892eb
rgb(104,146,235)
-
#6190f2
#6190f2
rgb(97,144,242)
-
#5b8df8
#5b8df8
rgb(91,141,248)
-
#548bff
#548bff
rgb(84,139,255)
Color Blindness Simulator
Below, you can see how #548bff 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.