#548acd color information
In a RGB color space, hex #548acd is composed of 32.9% red, 54.1% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 59% cyan, 32.7% magenta, 0% yellow and 19.6% black. It has a hue angle of 213.2 degrees, a saturation of 54.8% and a lightness of 56.7%. #548acd color hex could be obtained by blending #a8ffff with #00159b. Closest websafe color is: #6699cc.
#548acd color conversion
The hexadecimal color #548acd has RGB values of R:84, G:138, B:205 and CMYK values of C:0.59, M:0.33, Y:0, K:0.2. Its decimal value is 5540557.
- Hex triplet 548acd
#548acd - RGB Decimal 84, 138, 205
rgb(84,138,205) - RGB Percent 32.9, 54.1, 80.4
rgb(32.9%,54.1%,80.4%) - CMYK 59, 33, 0, 20
- HSL 213.2°, 54.8, 56.7
hsl(213,55%,57%) - HSV (or HSB) 213.2°, 59, 80.4
- Web Safe 6699cc
#6699cc
- CIE-LAB 56.553, 2.249, -39.985
- XYZ 23.762, 24.468, 61.225
- xyY 0.217, 0.224, 24.468
- CIE-LCH 56.553, 40.048, 273.219
- CIE-LUV 56.553, -23.81, -62.488
- Hunter-Lab 49.465, -0.818, -38.76
- Binary 01010100, 10001010, 11001101
Color Schemes with #548acd
#548acd in action
This text has a font color of #548acd.
<span style="color:#548acd;">Text here</span>
This paragraph has a background color of #548acd.
<p style="background-color:#548acd;">Content here</p>
This element has a border color of #548acd.
<div style="border:1px solid #548acd;">Content here</div>
.text {color:#548acd;}
.background {background-color:#548acd;}
.border {border:1px solid #548acd;}
Shades of #548acd
- #03070b #03070b
rgb(3,7,11) - #0c1929 #0c1929
rgb(12,25,41) - #152c48 #152c48
rgb(21,44,72) - #1e3e66 #1e3e66
rgb(30,62,102) - #275185 #275185
rgb(39,81,133) - #3063a3 #3063a3
rgb(48,99,163) - #3976c1 #3976c1
rgb(57,118,193) - #548acd #548acd
rgb(84,138,205) - #729fd6 #729fd6
rgb(114,159,214) - #91b4df #91b4df
rgb(145,180,223) - #afc8e8 #afc8e8
rgb(175,200,232) - #cdddf1 #cdddf1
rgb(205,221,241) - #ecf2f9 #ecf2f9
rgb(236,242,249)
Color Blindness Simulator
Below, you can see how #548acd 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.
