#548fed Color Information
In a RGB color space, hex #548fed is composed of 32.9% red, 56.1% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 64.6% cyan, 39.7% magenta, 0% yellow and 7.1% black. It has a hue angle of 216.9 degrees, a saturation of 81% and a lightness of 62.9%. #548fed color hex could be obtained by blending #a8ffff with #001fdb. Closest websafe color is: #6699ff.
-
- R 33
- G 56
- B 93
-
- C 65
- M 40
- Y 0
- K 7
● #548fed color description : Soft blue.
#548fed Color Conversion
The hexadecimal color #548fed has RGB values of R:84, G:143, B:237 and CMYK values of C:0.65, M:0.4, Y:0, K:0.07. Its decimal value is 5541869.
Hex triplet | 548fed | #548fed |
---|---|---|
RGB Decimal | 84, 143, 237 | rgb(84,143,237) |
RGB Percent | 32.9, 56.1, 92.9 | rgb(32.9%,56.1%,92.9%) |
CMYK | 65, 40, 0, 7 | |
HSL | 216.9°, 81, 62.9 | hsl(216.9,81%,62.9%) |
HSV (or HSB) | 216.9°, 64.6, 92.9 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 59.564, 9.973, -53.1 |
---|---|
XYZ | 28.761, 27.642, 83.936 |
xyY | 0.205, 0.197, 27.642 |
CIE-LCH | 59.564, 54.028, 280.637 |
CIE-LUV | 59.564, -25.054, -85.551 |
Hunter-Lab | 52.576, 5.639, -57.852 |
Binary | 01010100, 10001111, 11101101 |
Color Schemes with #548fed
Alternatives to #548fed
Below, you can see some colors close to #548fed. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#548fed Preview
This text has a font color of #548fed.
<span style="color:#548fed;">Text here</span>
This paragraph has a background color of #548fed.
<p style="background-color:#548fed;">Content here</p>
This element has a border color of #548fed.
<div style="border:1px solid #548fed;">Content here</div>
.text {color:#548fed;}
.background {background-color:#548fed;}
.border {border:1px solid #548fed;}
Shades and Tints of #548fed
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, #010306 is the darkest color, while #f4f8fe is the lightest one.
-
#010306
#010306
rgb(1,3,6)
-
#030b18
#030b18
rgb(3,11,24)
-
#04132a
#04132a
rgb(4,19,42)
-
#061b3c
#061b3c
rgb(6,27,60)
-
#08234d
#08234d
rgb(8,35,77)
-
#0a2b5f
#0a2b5f
rgb(10,43,95)
-
#0c3371
#0c3371
rgb(12,51,113)
-
#0e3b83
#0e3b83
rgb(14,59,131)
-
#104394
#104394
rgb(16,67,148)
-
#114ba6
#114ba6
rgb(17,75,166)
-
#1353b8
#1353b8
rgb(19,83,184)
-
#155bca
#155bca
rgb(21,91,202)
-
#1763db
#1763db
rgb(23,99,219)
-
#1f6ce7
#1f6ce7
rgb(31,108,231)
-
#3178e9
#3178e9
rgb(49,120,233)
-
#4283eb
#4283eb
rgb(66,131,235)
-
#548fed
#548fed
rgb(84,143,237)
-
#669bef
#669bef
rgb(102,155,239)
-
#77a6f1
#77a6f1
rgb(119,166,241)
-
#89b2f3
#89b2f3
rgb(137,178,243)
-
#9bbdf4
#9bbdf4
rgb(155,189,244)
-
#adc9f6
#adc9f6
rgb(173,201,246)
-
#bed5f8
#bed5f8
rgb(190,213,248)
-
#d0e0fa
#d0e0fa
rgb(208,224,250)
-
#e2ecfc
#e2ecfc
rgb(226,236,252)
-
#f4f8fe
#f4f8fe
rgb(244,248,254)
Tones of #548fed
A tone is produced by adding gray to any pure hue. In this case, #9da0a4 is the less saturated color, while #458cfc is the most saturated one.
-
#9da0a4
#9da0a4
rgb(157,160,164)
-
#959eac
#959eac
rgb(149,158,172)
-
#8e9cb3
#8e9cb3
rgb(142,156,179)
-
#879bba
#879bba
rgb(135,155,186)
-
#8099c1
#8099c1
rgb(128,153,193)
-
#7897c9
#7897c9
rgb(120,151,201)
-
#7196d0
#7196d0
rgb(113,150,208)
-
#6a94d7
#6a94d7
rgb(106,148,215)
-
#6392de
#6392de
rgb(99,146,222)
-
#5b91e6
#5b91e6
rgb(91,145,230)
-
#548fed
#548fed
rgb(84,143,237)
-
#4d8df4
#4d8df4
rgb(77,141,244)
-
#458cfc
#458cfc
rgb(69,140,252)
Color Blindness Simulator
Below, you can see how #548fed 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.