#548ed7 Color Information
In a RGB color space, hex #548ed7 is composed of 32.9% red, 55.7% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 60.9% cyan, 34% magenta, 0% yellow and 15.7% black. It has a hue angle of 213.4 degrees, a saturation of 62.1% and a lightness of 58.6%. #548ed7 color hex could be obtained by blending #a8ffff with #001daf. Closest websafe color is: #6699cc.
-
- R 33
- G 56
- B 84
-
- C 61
- M 34
- Y 0
- K 16
● #548ed7 color description : Moderate blue.
#548ed7 Color Conversion
The hexadecimal color #548ed7 has RGB values of R:84, G:142, B:215 and CMYK values of C:0.61, M:0.34, Y:0, K:0.16. Its decimal value is 5541591.
Hex triplet | 548ed7 | #548ed7 |
---|---|---|
RGB Decimal | 84, 142, 215 | rgb(84,142,215) |
RGB Percent | 32.9, 55.7, 84.3 | rgb(32.9%,55.7%,84.3%) |
CMYK | 61, 34, 0, 16 | |
HSL | 213.4°, 62.1, 58.6 | hsl(213.4,62.1%,58.6%) |
HSV (or HSB) | 213.4°, 60.9, 84.3 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 58.165, 3.19, -43.068 |
---|---|
XYZ | 25.592, 26.135, 67.982 |
xyY | 0.214, 0.218, 26.135 |
CIE-LCH | 58.165, 43.186, 274.236 |
CIE-LUV | 58.165, -25.064, -67.985 |
Hunter-Lab | 51.123, -0.108, -43.057 |
Binary | 01010100, 10001110, 11010111 |
Color Schemes with #548ed7
Alternatives to #548ed7
Below, you can see some colors close to #548ed7. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#548ed7 Preview
This text has a font color of #548ed7.
<span style="color:#548ed7;">Text here</span>
This paragraph has a background color of #548ed7.
<p style="background-color:#548ed7;">Content here</p>
This element has a border color of #548ed7.
<div style="border:1px solid #548ed7;">Content here</div>
.text {color:#548ed7;}
.background {background-color:#548ed7;}
.border {border:1px solid #548ed7;}
Shades and Tints of #548ed7
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, #010204 is the darkest color, while #f3f7fc is the lightest one.
-
#010204
#010204
rgb(1,2,4)
-
#050b14
#050b14
rgb(5,11,20)
-
#081424
#081424
rgb(8,20,36)
-
#0c1e34
#0c1e34
rgb(12,30,52)
-
#102743
#102743
rgb(16,39,67)
-
#133053
#133053
rgb(19,48,83)
-
#173963
#173963
rgb(23,57,99)
-
#1b4273
#1b4273
rgb(27,66,115)
-
#1f4b83
#1f4b83
rgb(31,75,131)
-
#225493
#225493
rgb(34,84,147)
-
#265da3
#265da3
rgb(38,93,163)
-
#2a66b3
#2a66b3
rgb(42,102,179)
-
#2e70c3
#2e70c3
rgb(46,112,195)
-
#3479d0
#3479d0
rgb(52,121,208)
-
#4483d3
#4483d3
rgb(68,131,211)
-
#548ed7
#548ed7
rgb(84,142,215)
-
#6499db
#6499db
rgb(100,153,219)
-
#74a3de
#74a3de
rgb(116,163,222)
-
#84aee2
#84aee2
rgb(132,174,226)
-
#94b8e6
#94b8e6
rgb(148,184,230)
-
#a3c3ea
#a3c3ea
rgb(163,195,234)
-
#b3cded
#b3cded
rgb(179,205,237)
-
#c3d8f1
#c3d8f1
rgb(195,216,241)
-
#d3e2f5
#d3e2f5
rgb(211,226,245)
-
#e3edf8
#e3edf8
rgb(227,237,248)
-
#f3f7fc
#f3f7fc
rgb(243,247,252)
Tones of #548ed7
A tone is produced by adding gray to any pure hue. In this case, #959596 is the less saturated color, while #348af7 is the most saturated one.
-
#959596
#959596
rgb(149,149,150)
-
#8d959e
#8d959e
rgb(141,149,158)
-
#8594a6
#8594a6
rgb(133,148,166)
-
#7d93ae
#7d93ae
rgb(125,147,174)
-
#7492b7
#7492b7
rgb(116,146,183)
-
#6c91bf
#6c91bf
rgb(108,145,191)
-
#6490c7
#6490c7
rgb(100,144,199)
-
#5c8fcf
#5c8fcf
rgb(92,143,207)
-
#548ed7
#548ed7
rgb(84,142,215)
-
#4c8ddf
#4c8ddf
rgb(76,141,223)
-
#448ce7
#448ce7
rgb(68,140,231)
-
#3c8bef
#3c8bef
rgb(60,139,239)
-
#348af7
#348af7
rgb(52,138,247)
Color Blindness Simulator
Below, you can see how #548ed7 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.