#548bd4 Color Information
In a RGB color space, hex #548bd4 is composed of 32.9% red, 54.5% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 60.4% cyan, 34.4% magenta, 0% yellow and 16.9% black. It has a hue angle of 214.2 degrees, a saturation of 59.8% and a lightness of 58%. #548bd4 color hex could be obtained by blending #a8ffff with #0017a9. Closest websafe color is: #6699cc.
-
- R 33
- G 55
- B 83
-
- C 60
- M 34
- Y 0
- K 17
● #548bd4 color description : Moderate blue.
#548bd4 Color Conversion
The hexadecimal color #548bd4 has RGB values of R:84, G:139, B:212 and CMYK values of C:0.6, M:0.34, Y:0, K:0.17. Its decimal value is 5540820.
Hex triplet | 548bd4 | #548bd4 |
---|---|---|
RGB Decimal | 84, 139, 212 | rgb(84,139,212) |
RGB Percent | 32.9, 54.5, 83.1 | rgb(32.9%,54.5%,83.1%) |
CMYK | 60, 34, 0, 17 | |
HSL | 214.2°, 59.8, 58 | hsl(214.2,59.8%,58%) |
HSV (or HSB) | 214.2°, 60.4, 83.1 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 57.175, 3.965, -42.947 |
---|---|
XYZ | 24.77, 25.102, 65.824 |
xyY | 0.214, 0.217, 25.102 |
CIE-LCH | 57.175, 43.13, 275.274 |
CIE-LUV | 57.175, -24.059, -67.662 |
Hunter-Lab | 50.102, 0.57, -42.824 |
Binary | 01010100, 10001011, 11010100 |
Color Schemes with #548bd4
Alternatives to #548bd4
Below, you can see some colors close to #548bd4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#548bd4 Preview
This text has a font color of #548bd4.
<span style="color:#548bd4;">Text here</span>
This paragraph has a background color of #548bd4.
<p style="background-color:#548bd4;">Content here</p>
This element has a border color of #548bd4.
<div style="border:1px solid #548bd4;">Content here</div>
.text {color:#548bd4;}
.background {background-color:#548bd4;}
.border {border:1px solid #548bd4;}
Shades and Tints of #548bd4
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, #000101 is the darkest color, while #f1f5fb is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#040a11
#040a11
rgb(4,10,17)
-
#081321
#081321
rgb(8,19,33)
-
#0c1c30
#0c1c30
rgb(12,28,48)
-
#102540
#102540
rgb(16,37,64)
-
#142e50
#142e50
rgb(20,46,80)
-
#18375f
#18375f
rgb(24,55,95)
-
#1c406f
#1c406f
rgb(28,64,111)
-
#20497f
#20497f
rgb(32,73,127)
-
#24528e
#24528e
rgb(36,82,142)
-
#285b9e
#285b9e
rgb(40,91,158)
-
#2c64ae
#2c64ae
rgb(44,100,174)
-
#306dbe
#306dbe
rgb(48,109,190)
-
#3576cc
#3576cc
rgb(53,118,204)
-
#4480d0
#4480d0
rgb(68,128,208)
-
#548bd4
#548bd4
rgb(84,139,212)
-
#6496d8
#6496d8
rgb(100,150,216)
-
#73a0dc
#73a0dc
rgb(115,160,220)
-
#83abe0
#83abe0
rgb(131,171,224)
-
#93b6e4
#93b6e4
rgb(147,182,228)
-
#a2c0e8
#a2c0e8
rgb(162,192,232)
-
#b2cbec
#b2cbec
rgb(178,203,236)
-
#c2d5f0
#c2d5f0
rgb(194,213,240)
-
#d1e0f4
#d1e0f4
rgb(209,224,244)
-
#e1ebf7
#e1ebf7
rgb(225,235,247)
-
#f1f5fb
#f1f5fb
rgb(241,245,251)
Tones of #548bd4
A tone is produced by adding gray to any pure hue. In this case, #8e939a is the less saturated color, while #2b85fd is the most saturated one.
-
#8e939a
#8e939a
rgb(142,147,154)
-
#8592a3
#8592a3
rgb(133,146,163)
-
#7d91ab
#7d91ab
rgb(125,145,171)
-
#7590b3
#7590b3
rgb(117,144,179)
-
#6d8ebb
#6d8ebb
rgb(109,142,187)
-
#648dc4
#648dc4
rgb(100,141,196)
-
#5c8ccc
#5c8ccc
rgb(92,140,204)
-
#548bd4
#548bd4
rgb(84,139,212)
-
#4c8adc
#4c8adc
rgb(76,138,220)
-
#4489e4
#4489e4
rgb(68,137,228)
-
#3b88ed
#3b88ed
rgb(59,136,237)
-
#3386f5
#3386f5
rgb(51,134,245)
-
#2b85fd
#2b85fd
rgb(43,133,253)
Color Blindness Simulator
Below, you can see how #548bd4 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.