#548cb2 Color Information
In a RGB color space, hex #548cb2 is composed of 32.9% red, 54.9% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 52.8% cyan, 21.3% magenta, 0% yellow and 30.2% black. It has a hue angle of 204.3 degrees, a saturation of 37.9% and a lightness of 51.4%. #548cb2 color hex could be obtained by blending #a8ffff with #001965. Closest websafe color is: #669999.
-
- R 33
- G 55
- B 70
-
- C 53
- M 21
- Y 0
- K 30
● #548cb2 color description : Dark moderate blue.
#548cb2 Color Conversion
The hexadecimal color #548cb2 has RGB values of R:84, G:140, B:178 and CMYK values of C:0.53, M:0.21, Y:0, K:0.3. Its decimal value is 5541042.
Hex triplet | 548cb2 | #548cb2 |
---|---|---|
RGB Decimal | 84, 140, 178 | rgb(84,140,178) |
RGB Percent | 32.9, 54.9, 69.8 | rgb(32.9%,54.9%,69.8%) |
CMYK | 53, 21, 0, 30 | |
HSL | 204.3°, 37.9, 51.4 | hsl(204.3,37.9%,51.4%) |
HSV (or HSB) | 204.3°, 52.8, 69.8 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 55.941, -7.494, -25.61 |
---|---|
XYZ | 21.068, 23.854, 45.611 |
xyY | 0.233, 0.263, 23.854 |
CIE-LCH | 55.941, 26.684, 253.689 |
CIE-LUV | 55.941, -25.039, -37.849 |
Hunter-Lab | 48.841, -8.472, -21.181 |
Binary | 01010100, 10001100, 10110010 |
Color Schemes with #548cb2
Alternatives to #548cb2
Below, you can see some colors close to #548cb2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#548cb2 Preview
This text has a font color of #548cb2.
<span style="color:#548cb2;">Text here</span>
This paragraph has a background color of #548cb2.
<p style="background-color:#548cb2;">Content here</p>
This element has a border color of #548cb2.
<div style="border:1px solid #548cb2;">Content here</div>
.text {color:#548cb2;}
.background {background-color:#548cb2;}
.border {border:1px solid #548cb2;}
Shades and Tints of #548cb2
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, #020405 is the darkest color, while #f6f9fb is the lightest one.
-
#020405
#020405
rgb(2,4,5)
-
#080e12
#080e12
rgb(8,14,18)
-
#0e1920
#0e1920
rgb(14,25,32)
-
#14232d
#14232d
rgb(20,35,45)
-
#1b2e3b
#1b2e3b
rgb(27,46,59)
-
#213848
#213848
rgb(33,56,72)
-
#274356
#274356
rgb(39,67,86)
-
#2d4d64
#2d4d64
rgb(45,77,100)
-
#335871
#335871
rgb(51,88,113)
-
#39627f
#39627f
rgb(57,98,127)
-
#3f6d8c
#3f6d8c
rgb(63,109,140)
-
#45779a
#45779a
rgb(69,119,154)
-
#4b82a7
#4b82a7
rgb(75,130,167)
-
#548cb2
#548cb2
rgb(84,140,178)
-
#6295b8
#6295b8
rgb(98,149,184)
-
#6f9ebe
#6f9ebe
rgb(111,158,190)
-
#7da7c4
#7da7c4
rgb(125,167,196)
-
#8ab0ca
#8ab0ca
rgb(138,176,202)
-
#98b9d0
#98b9d0
rgb(152,185,208)
-
#a5c3d7
#a5c3d7
rgb(165,195,215)
-
#b3ccdd
#b3ccdd
rgb(179,204,221)
-
#c0d5e3
#c0d5e3
rgb(192,213,227)
-
#cedee9
#cedee9
rgb(206,222,233)
-
#dbe7ef
#dbe7ef
rgb(219,231,239)
-
#e9f0f5
#e9f0f5
rgb(233,240,245)
-
#f6f9fb
#f6f9fb
rgb(246,249,251)
Tones of #548cb2
A tone is produced by adding gray to any pure hue. In this case, #7a858c is the less saturated color, while #089bfe is the most saturated one.
-
#7a858c
#7a858c
rgb(122,133,140)
-
#718795
#718795
rgb(113,135,149)
-
#67889f
#67889f
rgb(103,136,159)
-
#5e8aa8
#5e8aa8
rgb(94,138,168)
-
#548cb2
#548cb2
rgb(84,140,178)
-
#4a8ebc
#4a8ebc
rgb(74,142,188)
-
#4190c5
#4190c5
rgb(65,144,197)
-
#3791cf
#3791cf
rgb(55,145,207)
-
#2e93d8
#2e93d8
rgb(46,147,216)
-
#2495e2
#2495e2
rgb(36,149,226)
-
#1b97eb
#1b97eb
rgb(27,151,235)
-
#1199f5
#1199f5
rgb(17,153,245)
-
#089bfe
#089bfe
rgb(8,155,254)
Color Blindness Simulator
Below, you can see how #548cb2 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.