#548af9 Color Information
In a RGB color space, hex #548af9 is composed of 32.9% red, 54.1% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 66.3% cyan, 44.6% magenta, 0% yellow and 2.4% black. It has a hue angle of 220.4 degrees, a saturation of 93.2% and a lightness of 65.3%. #548af9 color hex could be obtained by blending #a8ffff with #0015f3. Closest websafe color is: #6699ff.
-
- R 33
- G 54
- B 98
-
- C 66
- M 45
- Y 0
- K 2
● #548af9 color description : Soft blue.
#548af9 Color Conversion
The hexadecimal color #548af9 has RGB values of R:84, G:138, B:249 and CMYK values of C:0.66, M:0.45, Y:0, K:0.02. Its decimal value is 5540601.
Hex triplet | 548af9 | #548af9 |
---|---|---|
RGB Decimal | 84, 138, 249 | rgb(84,138,249) |
RGB Percent | 32.9, 54.1, 97.6 | rgb(32.9%,54.1%,97.6%) |
CMYK | 66, 45, 0, 2 | |
HSL | 220.4°, 93.2, 65.3 | hsl(220.4,93.2%,65.3%) |
HSV (or HSB) | 220.4°, 66.3, 97.6 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 58.881, 17.062, -60.815 |
---|---|
XYZ | 29.84, 26.899, 93.237 |
xyY | 0.199, 0.179, 26.899 |
CIE-LCH | 58.881, 63.164, 285.672 |
CIE-LUV | 58.881, -23.305, -98.6 |
Hunter-Lab | 51.865, 11.935, -70.28 |
Binary | 01010100, 10001010, 11111001 |
Color Schemes with #548af9
Alternatives to #548af9
Below, you can see some colors close to #548af9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#548af9 Preview
This text has a font color of #548af9.
<span style="color:#548af9;">Text here</span>
This paragraph has a background color of #548af9.
<p style="background-color:#548af9;">Content here</p>
This element has a border color of #548af9.
<div style="border:1px solid #548af9;">Content here</div>
.text {color:#548af9;}
.background {background-color:#548af9;}
.border {border:1px solid #548af9;}
Shades and Tints of #548af9
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, #010613 is the darkest color, while #ffffff is the lightest one.
-
#010613
#010613
rgb(1,6,19)
-
#010d25
#010d25
rgb(1,13,37)
-
#021438
#021438
rgb(2,20,56)
-
#031a4b
#031a4b
rgb(3,26,75)
-
#03215e
#03215e
rgb(3,33,94)
-
#042871
#042871
rgb(4,40,113)
-
#052e84
#052e84
rgb(5,46,132)
-
#053597
#053597
rgb(5,53,151)
-
#063caa
#063caa
rgb(6,60,170)
-
#0742bd
#0742bd
rgb(7,66,189)
-
#0749d0
#0749d0
rgb(7,73,208)
-
#0850e3
#0850e3
rgb(8,80,227)
-
#0956f6
#0956f6
rgb(9,86,246)
-
#1b63f7
#1b63f7
rgb(27,99,247)
-
#2e70f8
#2e70f8
rgb(46,112,248)
-
#417df8
#417df8
rgb(65,125,248)
-
#548af9
#548af9
rgb(84,138,249)
-
#6797fa
#6797fa
rgb(103,151,250)
-
#7aa4fa
#7aa4fa
rgb(122,164,250)
-
#8db1fb
#8db1fb
rgb(141,177,251)
-
#a0befc
#a0befc
rgb(160,190,252)
-
#b3cbfc
#b3cbfc
rgb(179,203,252)
-
#c6d8fd
#c6d8fd
rgb(198,216,253)
-
#d9e5fe
#d9e5fe
rgb(217,229,254)
-
#ecf2fe
#ecf2fe
rgb(236,242,254)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #548af9
A tone is produced by adding gray to any pure hue. In this case, #a6a6a7 is the less saturated color, while #548af9 is the most saturated one.
-
#a6a6a7
#a6a6a7
rgb(166,166,167)
-
#9fa4ae
#9fa4ae
rgb(159,164,174)
-
#98a2b5
#98a2b5
rgb(152,162,181)
-
#919fbc
#919fbc
rgb(145,159,188)
-
#8a9dc3
#8a9dc3
rgb(138,157,195)
-
#849ac9
#849ac9
rgb(132,154,201)
-
#7d98d0
#7d98d0
rgb(125,152,208)
-
#7696d7
#7696d7
rgb(118,150,215)
-
#6f93de
#6f93de
rgb(111,147,222)
-
#6891e5
#6891e5
rgb(104,145,229)
-
#628feb
#628feb
rgb(98,143,235)
-
#5b8cf2
#5b8cf2
rgb(91,140,242)
-
#548af9
#548af9
rgb(84,138,249)
Color Blindness Simulator
Below, you can see how #548af9 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.