#548ce6 Color Information
In a RGB color space, hex #548ce6 is composed of 32.9% red, 54.9% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 63.5% cyan, 39.1% magenta, 0% yellow and 9.8% black. It has a hue angle of 217 degrees, a saturation of 74.5% and a lightness of 61.6%. #548ce6 color hex could be obtained by blending #a8ffff with #0019cd. Closest websafe color is: #6699ff.
-
- R 33
- G 55
- B 90
-
- C 63
- M 39
- Y 0
- K 10
● #548ce6 color description : Soft blue.
#548ce6 Color Conversion
The hexadecimal color #548ce6 has RGB values of R:84, G:140, B:230 and CMYK values of C:0.63, M:0.39, Y:0, K:0.1. Its decimal value is 5541094.
Hex triplet | 548ce6 | #548ce6 |
---|---|---|
RGB Decimal | 84, 140, 230 | rgb(84,140,230) |
RGB Percent | 32.9, 54.9, 90.2 | rgb(32.9%,54.9%,90.2%) |
CMYK | 63, 39, 0, 10 | |
HSL | 217°, 74.5, 61.6 | hsl(217,74.5%,61.6%) |
HSV (or HSB) | 217°, 63.5, 90.2 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 58.37, 9.393, -51.116 |
---|---|
XYZ | 27.314, 26.352, 78.506 |
xyY | 0.207, 0.199, 26.352 |
CIE-LCH | 58.37, 51.971, 280.412 |
CIE-LUV | 58.37, -24.151, -81.919 |
Hunter-Lab | 51.335, 5.14, -54.738 |
Binary | 01010100, 10001100, 11100110 |
Color Schemes with #548ce6
Alternatives to #548ce6
Below, you can see some colors close to #548ce6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#548ce6 Preview
This text has a font color of #548ce6.
<span style="color:#548ce6;">Text here</span>
This paragraph has a background color of #548ce6.
<p style="background-color:#548ce6;">Content here</p>
This element has a border color of #548ce6.
<div style="border:1px solid #548ce6;">Content here</div>
.text {color:#548ce6;}
.background {background-color:#548ce6;}
.border {border:1px solid #548ce6;}
Shades and Tints of #548ce6
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, #000000 is the darkest color, while #eef4fd is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#030811
#030811
rgb(3,8,17)
-
#051022
#051022
rgb(5,16,34)
-
#081833
#081833
rgb(8,24,51)
-
#0a2045
#0a2045
rgb(10,32,69)
-
#0d2956
#0d2956
rgb(13,41,86)
-
#0f3167
#0f3167
rgb(15,49,103)
-
#123978
#123978
rgb(18,57,120)
-
#144189
#144189
rgb(20,65,137)
-
#17499a
#17499a
rgb(23,73,154)
-
#1951ab
#1951ab
rgb(25,81,171)
-
#1c59bc
#1c59bc
rgb(28,89,188)
-
#1e61cd
#1e61cd
rgb(30,97,205)
-
#2169de
#2169de
rgb(33,105,222)
-
#3275e1
#3275e1
rgb(50,117,225)
-
#4380e3
#4380e3
rgb(67,128,227)
-
#548ce6
#548ce6
rgb(84,140,230)
-
#6598e9
#6598e9
rgb(101,152,233)
-
#76a3eb
#76a3eb
rgb(118,163,235)
-
#87afee
#87afee
rgb(135,175,238)
-
#98baf0
#98baf0
rgb(152,186,240)
-
#aac6f3
#aac6f3
rgb(170,198,243)
-
#bbd1f5
#bbd1f5
rgb(187,209,245)
-
#ccddf8
#ccddf8
rgb(204,221,248)
-
#dde8fa
#dde8fa
rgb(221,232,250)
-
#eef4fd
#eef4fd
rgb(238,244,253)
Tones of #548ce6
A tone is produced by adding gray to any pure hue. In this case, #989ca2 is the less saturated color, while #3d87fd is the most saturated one.
-
#989ca2
#989ca2
rgb(152,156,162)
-
#909aaa
#909aaa
rgb(144,154,170)
-
#8998b1
#8998b1
rgb(137,152,177)
-
#8197b9
#8197b9
rgb(129,151,185)
-
#7a95c0
#7a95c0
rgb(122,149,192)
-
#7293c8
#7293c8
rgb(114,147,200)
-
#6b91cf
#6b91cf
rgb(107,145,207)
-
#6390d7
#6390d7
rgb(99,144,215)
-
#5c8ede
#5c8ede
rgb(92,142,222)
-
#548ce6
#548ce6
rgb(84,140,230)
-
#4c8aee
#4c8aee
rgb(76,138,238)
-
#4588f5
#4588f5
rgb(69,136,245)
-
#3d87fd
#3d87fd
rgb(61,135,253)
Color Blindness Simulator
Below, you can see how #548ce6 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.