#548bc4 Color Information
In a RGB color space, hex #548bc4 is composed of 32.9% red, 54.5% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 57.1% cyan, 29.1% magenta, 0% yellow and 23.1% black. It has a hue angle of 210.5 degrees, a saturation of 48.7% and a lightness of 54.9%. #548bc4 color hex could be obtained by blending #a8ffff with #001789. Closest websafe color is: #6699cc.
-
- R 33
- G 55
- B 77
-
- C 57
- M 29
- Y 0
- K 23
● #548bc4 color description : Moderate blue.
#548bc4 Color Conversion
The hexadecimal color #548bc4 has RGB values of R:84, G:139, B:196 and CMYK values of C:0.57, M:0.29, Y:0, K:0.23. Its decimal value is 5540804.
Hex triplet | 548bc4 | #548bc4 |
---|---|---|
RGB Decimal | 84, 139, 196 | rgb(84,139,196) |
RGB Percent | 32.9, 54.5, 76.9 | rgb(32.9%,54.5%,76.9%) |
CMYK | 57, 29, 0, 23 | |
HSL | 210.5°, 48.7, 54.9 | hsl(210.5,48.7%,54.9%) |
HSV (or HSB) | 210.5°, 57.1, 76.9 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 56.421, -1.259, -35.104 |
---|---|
XYZ | 22.85, 24.334, 55.714 |
xyY | 0.222, 0.236, 24.334 |
CIE-LCH | 56.421, 35.127, 267.946 |
CIE-LUV | 56.421, -24.318, -54.08 |
Hunter-Lab | 49.33, -3.643, -32.433 |
Binary | 01010100, 10001011, 11000100 |
Color Schemes with #548bc4
Alternatives to #548bc4
Below, you can see some colors close to #548bc4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#548bc4 Preview
This text has a font color of #548bc4.
<span style="color:#548bc4;">Text here</span>
This paragraph has a background color of #548bc4.
<p style="background-color:#548bc4;">Content here</p>
This element has a border color of #548bc4.
<div style="border:1px solid #548bc4;">Content here</div>
.text {color:#548bc4;}
.background {background-color:#548bc4;}
.border {border:1px solid #548bc4;}
Shades and Tints of #548bc4
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, #010304 is the darkest color, while #f4f8fb is the lightest one.
-
#010304
#010304
rgb(1,3,4)
-
#060c13
#060c13
rgb(6,12,19)
-
#0b1621
#0b1621
rgb(11,22,33)
-
#102030
#102030
rgb(16,32,48)
-
#162a3e
#162a3e
rgb(22,42,62)
-
#1b334d
#1b334d
rgb(27,51,77)
-
#203d5c
#203d5c
rgb(32,61,92)
-
#25476a
#25476a
rgb(37,71,106)
-
#2a5079
#2a5079
rgb(42,80,121)
-
#2f5a87
#2f5a87
rgb(47,90,135)
-
#346496
#346496
rgb(52,100,150)
-
#396ea4
#396ea4
rgb(57,110,164)
-
#3e77b3
#3e77b3
rgb(62,119,179)
-
#4581bf
#4581bf
rgb(69,129,191)
-
#548bc4
#548bc4
rgb(84,139,196)
-
#6395c9
#6395c9
rgb(99,149,201)
-
#719fce
#719fce
rgb(113,159,206)
-
#80a9d3
#80a9d3
rgb(128,169,211)
-
#8eb3d8
#8eb3d8
rgb(142,179,216)
-
#9dbcdd
#9dbcdd
rgb(157,188,221)
-
#acc6e2
#acc6e2
rgb(172,198,226)
-
#bad0e7
#bad0e7
rgb(186,208,231)
-
#c9daec
#c9daec
rgb(201,218,236)
-
#d7e4f1
#d7e4f1
rgb(215,228,241)
-
#e6eef6
#e6eef6
rgb(230,238,246)
-
#f4f8fb
#f4f8fb
rgb(244,248,251)
Tones of #548bc4
A tone is produced by adding gray to any pure hue. In this case, #898c8f is the less saturated color, while #1f8af9 is the most saturated one.
-
#898c8f
#898c8f
rgb(137,140,143)
-
#808c98
#808c98
rgb(128,140,152)
-
#778ca1
#778ca1
rgb(119,140,161)
-
#6f8ba9
#6f8ba9
rgb(111,139,169)
-
#668bb2
#668bb2
rgb(102,139,178)
-
#5d8bbb
#5d8bbb
rgb(93,139,187)
-
#548bc4
#548bc4
rgb(84,139,196)
-
#4b8bcd
#4b8bcd
rgb(75,139,205)
-
#428bd6
#428bd6
rgb(66,139,214)
-
#398bdf
#398bdf
rgb(57,139,223)
-
#318ae7
#318ae7
rgb(49,138,231)
-
#288af0
#288af0
rgb(40,138,240)
-
#1f8af9
#1f8af9
rgb(31,138,249)
Color Blindness Simulator
Below, you can see how #548bc4 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.