#553ef4 Color Information
In a RGB color space, hex #553ef4 is composed of 33.3% red, 24.3% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 65.2% cyan, 74.6% magenta, 0% yellow and 4.3% black. It has a hue angle of 247.6 degrees, a saturation of 89.2% and a lightness of 60%. #553ef4 color hex could be obtained by blending #aa7cff with #0000e9. Closest websafe color is: #6633ff.
-
- R 33
- G 24
- B 96
-
- C 65
- M 75
- Y 0
- K 4
● #553ef4 color description : Bright blue.
#553ef4 Color Conversion
The hexadecimal color #553ef4 has RGB values of R:85, G:62, B:244 and CMYK values of C:0.65, M:0.75, Y:0, K:0.04. Its decimal value is 5586676.
Hex triplet | 553ef4 | #553ef4 |
---|---|---|
RGB Decimal | 85, 62, 244 | rgb(85,62,244) |
RGB Percent | 33.3, 24.3, 95.7 | rgb(33.3%,24.3%,95.7%) |
CMYK | 65, 75, 0, 4 | |
HSL | 247.6°, 89.2, 60 | hsl(247.6,89.2%,60%) |
HSV (or HSB) | 247.6°, 74.6, 95.7 | |
Web Safe | 6633ff | #6633ff |
CIE-LAB | 41.068, 60.054, -87.004 |
---|---|
XYZ | 21.795, 11.907, 86.733 |
xyY | 0.181, 0.099, 11.907 |
CIE-LCH | 41.068, 105.718, 304.615 |
CIE-LUV | 41.068, -4.573, -125.823 |
Hunter-Lab | 34.507, 52.356, -124.87 |
Binary | 01010101, 00111110, 11110100 |
Color Schemes with #553ef4
Alternatives to #553ef4
Below, you can see some colors close to #553ef4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#553ef4 Preview
This text has a font color of #553ef4.
<span style="color:#553ef4;">Text here</span>
This paragraph has a background color of #553ef4.
<p style="background-color:#553ef4;">Content here</p>
This element has a border color of #553ef4.
<div style="border:1px solid #553ef4;">Content here</div>
.text {color:#553ef4;}
.background {background-color:#553ef4;}
.border {border:1px solid #553ef4;}
Shades and Tints of #553ef4
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, #02010b is the darkest color, while #f8f8ff is the lightest one.
-
#02010b
#02010b
rgb(2,1,11)
-
#05021e
#05021e
rgb(5,2,30)
-
#080330
#080330
rgb(8,3,48)
-
#0c0443
#0c0443
rgb(12,4,67)
-
#0f0555
#0f0555
rgb(15,5,85)
-
#120668
#120668
rgb(18,6,104)
-
#16077a
#16077a
rgb(22,7,122)
-
#19088d
#19088d
rgb(25,8,141)
-
#1c09a0
#1c09a0
rgb(28,9,160)
-
#1f0ab2
#1f0ab2
rgb(31,10,178)
-
#230bc5
#230bc5
rgb(35,11,197)
-
#260cd7
#260cd7
rgb(38,12,215)
-
#290dea
#290dea
rgb(41,13,234)
-
#3419f2
#3419f2
rgb(52,25,242)
-
#452bf3
#452bf3
rgb(69,43,243)
-
#553ef4
#553ef4
rgb(85,62,244)
-
#6551f5
#6551f5
rgb(101,81,245)
-
#7663f6
#7663f6
rgb(118,99,246)
-
#8676f7
#8676f7
rgb(134,118,247)
-
#9688f8
#9688f8
rgb(150,136,248)
-
#a79bf9
#a79bf9
rgb(167,155,249)
-
#b7adfa
#b7adfa
rgb(183,173,250)
-
#c7c0fb
#c7c0fb
rgb(199,192,251)
-
#d8d2fc
#d8d2fc
rgb(216,210,252)
-
#e8e5fe
#e8e5fe
rgb(232,229,254)
-
#f8f8ff
#f8f8ff
rgb(248,248,255)
Tones of #553ef4
A tone is produced by adding gray to any pure hue. In this case, #95949e is the less saturated color, while #4f36fc is the most saturated one.
-
#95949e
#95949e
rgb(149,148,158)
-
#908ca6
#908ca6
rgb(144,140,166)
-
#8a85ad
#8a85ad
rgb(138,133,173)
-
#847db5
#847db5
rgb(132,125,181)
-
#7e75bd
#7e75bd
rgb(126,117,189)
-
#786dc5
#786dc5
rgb(120,109,197)
-
#7265cd
#7265cd
rgb(114,101,205)
-
#6c5dd5
#6c5dd5
rgb(108,93,213)
-
#6756dc
#6756dc
rgb(103,86,220)
-
#614ee4
#614ee4
rgb(97,78,228)
-
#5b46ec
#5b46ec
rgb(91,70,236)
-
#553ef4
#553ef4
rgb(85,62,244)
-
#4f36fc
#4f36fc
rgb(79,54,252)
Color Blindness Simulator
Below, you can see how #553ef4 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.