#548ac1 Color Information
In a RGB color space, hex #548ac1 is composed of 32.9% red, 54.1% green and 75.7% blue. Whereas in a CMYK color space, it is composed of 56.5% cyan, 28.5% magenta, 0% yellow and 24.3% black. It has a hue angle of 210.3 degrees, a saturation of 46.8% and a lightness of 54.3%. #548ac1 color hex could be obtained by blending #a8ffff with #001583. Closest websafe color is: #6699cc.
-
- R 33
- G 54
- B 76
-
- C 56
- M 28
- Y 0
- K 24
● #548ac1 color description : Moderate blue.
#548ac1 Color Conversion
The hexadecimal color #548ac1 has RGB values of R:84, G:138, B:193 and CMYK values of C:0.56, M:0.28, Y:0, K:0.24. Its decimal value is 5540545.
Hex triplet | 548ac1 | #548ac1 |
---|---|---|
RGB Decimal | 84, 138, 193 | rgb(84,138,193) |
RGB Percent | 32.9, 54.1, 75.7 | rgb(32.9%,54.1%,75.7%) |
CMYK | 56, 28, 0, 24 | |
HSL | 210.3°, 46.8, 54.3 | hsl(210.3,46.8%,54.3%) |
HSV (or HSB) | 210.3°, 56.5, 75.7 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 55.998, -1.64, -34.063 |
---|---|
XYZ | 22.368, 23.911, 53.886 |
xyY | 0.223, 0.239, 23.911 |
CIE-LCH | 55.998, 34.103, 267.244 |
CIE-LUV | 55.998, -24.002, -52.266 |
Hunter-Lab | 48.899, -3.92, -31.108 |
Binary | 01010100, 10001010, 11000001 |
Color Schemes with #548ac1
Alternatives to #548ac1
Below, you can see some colors close to #548ac1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#548ac1 Preview
This text has a font color of #548ac1.
<span style="color:#548ac1;">Text here</span>
This paragraph has a background color of #548ac1.
<p style="background-color:#548ac1;">Content here</p>
This element has a border color of #548ac1.
<div style="border:1px solid #548ac1;">Content here</div>
.text {color:#548ac1;}
.background {background-color:#548ac1;}
.border {border:1px solid #548ac1;}
Shades and Tints of #548ac1
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, #010102 is the darkest color, while #f2f6fa is the lightest one.
-
#010102
#010102
rgb(1,1,2)
-
#060b10
#060b10
rgb(6,11,16)
-
#0b151f
#0b151f
rgb(11,21,31)
-
#101e2d
#101e2d
rgb(16,30,45)
-
#16283b
#16283b
rgb(22,40,59)
-
#1b324a
#1b324a
rgb(27,50,74)
-
#203c58
#203c58
rgb(32,60,88)
-
#254667
#254667
rgb(37,70,103)
-
#2a4f75
#2a4f75
rgb(42,79,117)
-
#305983
#305983
rgb(48,89,131)
-
#356392
#356392
rgb(53,99,146)
-
#3a6da0
#3a6da0
rgb(58,109,160)
-
#3f76af
#3f76af
rgb(63,118,175)
-
#4680bc
#4680bc
rgb(70,128,188)
-
#548ac1
#548ac1
rgb(84,138,193)
-
#6294c6
#6294c6
rgb(98,148,198)
-
#719ecb
#719ecb
rgb(113,158,203)
-
#7fa8d1
#7fa8d1
rgb(127,168,209)
-
#8eb1d6
#8eb1d6
rgb(142,177,214)
-
#9cbbdb
#9cbbdb
rgb(156,187,219)
-
#aac5e0
#aac5e0
rgb(170,197,224)
-
#b9cfe6
#b9cfe6
rgb(185,207,230)
-
#c7d9eb
#c7d9eb
rgb(199,217,235)
-
#d6e3f0
#d6e3f0
rgb(214,227,240)
-
#e4ecf5
#e4ecf5
rgb(228,236,245)
-
#f2f6fa
#f2f6fa
rgb(242,246,250)
Tones of #548ac1
A tone is produced by adding gray to any pure hue. In this case, #8a8a8b is the less saturated color, while #1e8af7 is the most saturated one.
-
#8a8a8b
#8a8a8b
rgb(138,138,139)
-
#818a94
#818a94
rgb(129,138,148)
-
#788a9d
#788a9d
rgb(120,138,157)
-
#6f8aa6
#6f8aa6
rgb(111,138,166)
-
#668aaf
#668aaf
rgb(102,138,175)
-
#5d8ab8
#5d8ab8
rgb(93,138,184)
-
#548ac1
#548ac1
rgb(84,138,193)
-
#4b8aca
#4b8aca
rgb(75,138,202)
-
#428ad3
#428ad3
rgb(66,138,211)
-
#398adc
#398adc
rgb(57,138,220)
-
#308ae5
#308ae5
rgb(48,138,229)
-
#278aee
#278aee
rgb(39,138,238)
-
#1e8af7
#1e8af7
rgb(30,138,247)
Color Blindness Simulator
Below, you can see how #548ac1 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.