#548cc1 Color Information
In a RGB color space, hex #548cc1 is composed of 32.9% red, 54.9% green and 75.7% blue. Whereas in a CMYK color space, it is composed of 56.5% cyan, 27.5% magenta, 0% yellow and 24.3% black. It has a hue angle of 209.2 degrees, a saturation of 46.8% and a lightness of 54.3%. #548cc1 color hex could be obtained by blending #a8ffff with #001983. Closest websafe color is: #6699cc.
-
- R 33
- G 55
- B 76
-
- C 56
- M 27
- Y 0
- K 24
● #548cc1 color description : Moderate blue.
#548cc1 Color Conversion
The hexadecimal color #548cc1 has RGB values of R:84, G:140, B:193 and CMYK values of C:0.56, M:0.27, Y:0, K:0.24. Its decimal value is 5541057.
| Hex triplet | 548cc1 | #548cc1 |
|---|---|---|
| RGB Decimal | 84, 140, 193 | rgb(84,140,193) |
| RGB Percent | 32.9, 54.9, 75.7 | rgb(32.9%,54.9%,75.7%) |
| CMYK | 56, 27, 0, 24 | |
| HSL | 209.2°, 46.8, 54.3 | hsl(209.2,46.8%,54.3%) |
| HSV (or HSB) | 209.2°, 56.5, 75.7 | |
| Web Safe | 6699cc | #6699cc |
| CIE-LAB | 56.575, -2.799, -33.163 |
|---|---|
| XYZ | 22.658, 24.49, 53.982 |
| xyY | 0.224, 0.242, 24.49 |
| CIE-LCH | 56.575, 33.281, 265.175 |
| CIE-LUV | 56.575, -24.741, -50.755 |
| Hunter-Lab | 49.487, -4.877, -30.034 |
| Binary | 01010100, 10001100, 11000001 |
Color Schemes with #548cc1
Alternatives to #548cc1
Below, you can see some colors close to #548cc1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#548cc1 Preview
This text has a font color of #548cc1.
<span style="color:#548cc1;">Text here</span>
This paragraph has a background color of #548cc1.
<p style="background-color:#548cc1;">Content here</p>
This element has a border color of #548cc1.
<div style="border:1px solid #548cc1;">Content here</div>
.text {color:#548cc1;}
.background {background-color:#548cc1;}
.border {border:1px solid #548cc1;}
Shades and Tints of #548cc1
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
#010102rgb(1,1,2) -
#060b10
#060b10rgb(6,11,16) -
#0b151f
#0b151frgb(11,21,31) -
#101f2d
#101f2drgb(16,31,45) -
#16293b
#16293brgb(22,41,59) -
#1b334a
#1b334argb(27,51,74) -
#203d58
#203d58rgb(32,61,88) -
#254767
#254767rgb(37,71,103) -
#2a5175
#2a5175rgb(42,81,117) -
#305b83
#305b83rgb(48,91,131) -
#356592
#356592rgb(53,101,146) -
#3a6ea0
#3a6ea0rgb(58,110,160) -
#3f78af
#3f78afrgb(63,120,175)
-
#4682bc
#4682bcrgb(70,130,188) -
#548cc1
#548cc1rgb(84,140,193) -
#6296c6
#6296c6rgb(98,150,198) -
#719fcb
#719fcbrgb(113,159,203) -
#7fa9d1
#7fa9d1rgb(127,169,209) -
#8eb3d6
#8eb3d6rgb(142,179,214) -
#9cbcdb
#9cbcdbrgb(156,188,219) -
#aac6e0
#aac6e0rgb(170,198,224) -
#b9d0e6
#b9d0e6rgb(185,208,230) -
#c7d9eb
#c7d9ebrgb(199,217,235) -
#d6e3f0
#d6e3f0rgb(214,227,240) -
#e4edf5
#e4edf5rgb(228,237,245) -
#f2f6fa
#f2f6fargb(242,246,250)
Tones of #548cc1
A tone is produced by adding gray to any pure hue. In this case, #8a8b8b is the less saturated color, while #1e8df7 is the most saturated one.
-
#8a8b8b
#8a8b8brgb(138,139,139) -
#818b94
#818b94rgb(129,139,148) -
#788b9d
#788b9drgb(120,139,157) -
#6f8ba6
#6f8ba6rgb(111,139,166) -
#668caf
#668cafrgb(102,140,175) -
#5d8cb8
#5d8cb8rgb(93,140,184) -
#548cc1
#548cc1rgb(84,140,193) -
#4b8cca
#4b8ccargb(75,140,202) -
#428cd3
#428cd3rgb(66,140,211) -
#398ddc
#398ddcrgb(57,141,220) -
#308de5
#308de5rgb(48,141,229) -
#278dee
#278deergb(39,141,238) -
#1e8df7
#1e8df7rgb(30,141,247)
Color Blindness Simulator
Below, you can see how #548cc1 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.
