#548aff Color Information
In a RGB color space, hex #548aff is composed of 32.9% red, 54.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 67.1% cyan, 45.9% magenta, 0% yellow and 0% black. It has a hue angle of 221.1 degrees, a saturation of 100% and a lightness of 66.5%. #548aff color hex could be obtained by blending #a8ffff with #0015ff. Closest websafe color is: #6699ff.
-
- R 33
- G 54
- B 100
-
- C 67
- M 46
- Y 0
- K 0
● #548aff color description : Light blue.
#548aff Color Conversion
The hexadecimal color #548aff has RGB values of R:84, G:138, B:255 and CMYK values of C:0.67, M:0.46, Y:0, K:0. Its decimal value is 5540607.
Hex triplet | 548aff | #548aff |
---|---|---|
RGB Decimal | 84, 138, 255 | rgb(84,138,255) |
RGB Percent | 32.9, 54.1, 100 | rgb(32.9%,54.1%,100%) |
CMYK | 67, 46, 0, 0 | |
HSL | 221.1°, 100, 66.5 | hsl(221.1,100%,66.5%) |
HSV (or HSB) | 221.1°, 67.1, 100 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 59.232, 19.12, -63.551 |
---|---|
XYZ | 30.791, 27.28, 98.245 |
xyY | 0.197, 0.175, 27.28 |
CIE-LCH | 59.232, 66.365, 286.744 |
CIE-LUV | 59.232, -23.261, -103.315 |
Hunter-Lab | 52.23, 13.827, -74.964 |
Binary | 01010100, 10001010, 11111111 |
Color Schemes with #548aff
Alternatives to #548aff
Below, you can see some colors close to #548aff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#548aff Preview
This text has a font color of #548aff.
<span style="color:#548aff;">Text here</span>
This paragraph has a background color of #548aff.
<p style="background-color:#548aff;">Content here</p>
This element has a border color of #548aff.
<div style="border:1px solid #548aff;">Content here</div>
.text {color:#548aff;}
.background {background-color:#548aff;}
.border {border:1px solid #548aff;}
Shades and Tints of #548aff
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)
-
#001440
#001440
rgb(0,20,64)
-
#001b54
#001b54
rgb(0,27,84)
-
#002168
#002168
rgb(0,33,104)
-
#00277b
#00277b
rgb(0,39,123)
-
#002d8f
#002d8f
rgb(0,45,143)
-
#0033a2
#0033a2
rgb(0,51,162)
-
#0039b6
#0039b6
rgb(0,57,182)
-
#0040ca
#0040ca
rgb(0,64,202)
-
#0046dd
#0046dd
rgb(0,70,221)
-
#004cf1
#004cf1
rgb(0,76,241)
-
#0654ff
#0654ff
rgb(6,84,255)
-
#1962ff
#1962ff
rgb(25,98,255)
-
#2d6fff
#2d6fff
rgb(45,111,255)
-
#407dff
#407dff
rgb(64,125,255)
-
#548aff
#548aff
rgb(84,138,255)
-
#6897ff
#6897ff
rgb(104,151,255)
-
#7ba5ff
#7ba5ff
rgb(123,165,255)
-
#8fb2ff
#8fb2ff
rgb(143,178,255)
-
#a2c0ff
#a2c0ff
rgb(162,192,255)
-
#b6cdff
#b6cdff
rgb(182,205,255)
-
#cadbff
#cadbff
rgb(202,219,255)
-
#dde8ff
#dde8ff
rgb(221,232,255)
-
#f1f5ff
#f1f5ff
rgb(241,245,255)
Tones of #548aff
A tone is produced by adding gray to any pure hue. In this case, #a3a7b0 is the less saturated color, while #548aff 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)
-
#899dca
#899dca
rgb(137,157,202)
-
#829bd1
#829bd1
rgb(130,155,209)
-
#7b99d8
#7b99d8
rgb(123,153,216)
-
#7596de
#7596de
rgb(117,150,222)
-
#6e94e5
#6e94e5
rgb(110,148,229)
-
#6891eb
#6891eb
rgb(104,145,235)
-
#618ff2
#618ff2
rgb(97,143,242)
-
#5b8cf8
#5b8cf8
rgb(91,140,248)
-
#548aff
#548aff
rgb(84,138,255)
Color Blindness Simulator
Below, you can see how #548aff 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.