#548ad6 Color Information
In a RGB color space, hex #548ad6 is composed of 32.9% red, 54.1% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 60.7% cyan, 35.5% magenta, 0% yellow and 16.1% black. It has a hue angle of 215.1 degrees, a saturation of 61.3% and a lightness of 58.4%. #548ad6 color hex could be obtained by blending #a8ffff with #0015ad. Closest websafe color is: #6699cc.
-
- R 33
- G 54
- B 84
-
- C 61
- M 36
- Y 0
- K 16
● #548ad6 color description : Moderate blue.
#548ad6 Color Conversion
The hexadecimal color #548ad6 has RGB values of R:84, G:138, B:214 and CMYK values of C:0.61, M:0.36, Y:0, K:0.16. Its decimal value is 5540566.
Hex triplet | 548ad6 | #548ad6 |
---|---|---|
RGB Decimal | 84, 138, 214 | rgb(84,138,214) |
RGB Percent | 32.9, 54.1, 83.9 | rgb(32.9%,54.1%,83.9%) |
CMYK | 61, 36, 0, 16 | |
HSL | 215.1°, 61.3, 58.4 | hsl(215.1,61.3%,58.4%) |
HSV (or HSB) | 215.1°, 60.7, 83.9 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 56.993, 5.22, -44.358 |
---|---|
XYZ | 24.879, 24.915, 67.113 |
xyY | 0.213, 0.213, 24.915 |
CIE-LCH | 56.993, 44.664, 276.711 |
CIE-LUV | 56.993, -23.681, -70.07 |
Hunter-Lab | 49.915, 1.619, -44.777 |
Binary | 01010100, 10001010, 11010110 |
Color Schemes with #548ad6
Alternatives to #548ad6
Below, you can see some colors close to #548ad6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#548ad6 Preview
This text has a font color of #548ad6.
<span style="color:#548ad6;">Text here</span>
This paragraph has a background color of #548ad6.
<p style="background-color:#548ad6;">Content here</p>
This element has a border color of #548ad6.
<div style="border:1px solid #548ad6;">Content here</div>
.text {color:#548ad6;}
.background {background-color:#548ad6;}
.border {border:1px solid #548ad6;}
Shades and Tints of #548ad6
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, #010203 is the darkest color, while #f2f6fc is the lightest one.
-
#010203
#010203
rgb(1,2,3)
-
#050a13
#050a13
rgb(5,10,19)
-
#081323
#081323
rgb(8,19,35)
-
#0c1c33
#0c1c33
rgb(12,28,51)
-
#102542
#102542
rgb(16,37,66)
-
#142e52
#142e52
rgb(20,46,82)
-
#173662
#173662
rgb(23,54,98)
-
#1b3f72
#1b3f72
rgb(27,63,114)
-
#1f4882
#1f4882
rgb(31,72,130)
-
#235191
#235191
rgb(35,81,145)
-
#275aa1
#275aa1
rgb(39,90,161)
-
#2a62b1
#2a62b1
rgb(42,98,177)
-
#2e6bc1
#2e6bc1
rgb(46,107,193)
-
#3474ce
#3474ce
rgb(52,116,206)
-
#447fd2
#447fd2
rgb(68,127,210)
-
#548ad6
#548ad6
rgb(84,138,214)
-
#6495da
#6495da
rgb(100,149,218)
-
#74a0de
#74a0de
rgb(116,160,222)
-
#83aae1
#83aae1
rgb(131,170,225)
-
#93b5e5
#93b5e5
rgb(147,181,229)
-
#a3c0e9
#a3c0e9
rgb(163,192,233)
-
#b3cbed
#b3cbed
rgb(179,203,237)
-
#c3d6f1
#c3d6f1
rgb(195,214,241)
-
#d3e1f4
#d3e1f4
rgb(211,225,244)
-
#e2ebf8
#e2ebf8
rgb(226,235,248)
-
#f2f6fc
#f2f6fc
rgb(242,246,252)
Tones of #548ad6
A tone is produced by adding gray to any pure hue. In this case, #8d949d is the less saturated color, while #2b83ff is the most saturated one.
-
#8d949d
#8d949d
rgb(141,148,157)
-
#8592a5
#8592a5
rgb(133,146,165)
-
#7d91ad
#7d91ad
rgb(125,145,173)
-
#7590b5
#7590b5
rgb(117,144,181)
-
#6c8ebe
#6c8ebe
rgb(108,142,190)
-
#648dc6
#648dc6
rgb(100,141,198)
-
#5c8bce
#5c8bce
rgb(92,139,206)
-
#548ad6
#548ad6
rgb(84,138,214)
-
#4c89de
#4c89de
rgb(76,137,222)
-
#4487e6
#4487e6
rgb(68,135,230)
-
#3c86ee
#3c86ee
rgb(60,134,238)
-
#3384f7
#3384f7
rgb(51,132,247)
-
#2b83ff
#2b83ff
rgb(43,131,255)
Color Blindness Simulator
Below, you can see how #548ad6 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.