#553eb4 Color Information
In a RGB color space, hex #553eb4 is composed of 33.3% red, 24.3% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 52.8% cyan, 65.6% magenta, 0% yellow and 29.4% black. It has a hue angle of 251.7 degrees, a saturation of 48.8% and a lightness of 47.5%. #553eb4 color hex could be obtained by blending #aa7cff with #000069. Closest websafe color is: #6633cc.
-
- R 33
- G 24
- B 71
-
- C 53
- M 66
- Y 0
- K 29
● #553eb4 color description : Moderate blue.
#553eb4 Color Conversion
The hexadecimal color #553eb4 has RGB values of R:85, G:62, B:180 and CMYK values of C:0.53, M:0.66, Y:0, K:0.29. Its decimal value is 5586612.
Hex triplet | 553eb4 | #553eb4 |
---|---|---|
RGB Decimal | 85, 62, 180 | rgb(85,62,180) |
RGB Percent | 33.3, 24.3, 70.6 | rgb(33.3%,24.3%,70.6%) |
CMYK | 53, 66, 0, 29 | |
HSL | 251.7°, 48.8, 47.5 | hsl(251.7,48.8%,47.5%) |
HSV (or HSB) | 251.7°, 65.6, 70.6 | |
Web Safe | 6633cc | #6633cc |
CIE-LAB | 35.344, 40.884, -59.484 |
---|---|
XYZ | 13.706, 8.671, 44.129 |
xyY | 0.206, 0.13, 8.671 |
CIE-LCH | 35.344, 72.179, 304.501 |
CIE-LUV | 35.344, 0.31, -85.342 |
Hunter-Lab | 29.447, 31.546, -68.237 |
Binary | 01010101, 00111110, 10110100 |
Color Schemes with #553eb4
Alternatives to #553eb4
Below, you can see some colors close to #553eb4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#553eb4 Preview
This text has a font color of #553eb4.
<span style="color:#553eb4;">Text here</span>
This paragraph has a background color of #553eb4.
<p style="background-color:#553eb4;">Content here</p>
This element has a border color of #553eb4.
<div style="border:1px solid #553eb4;">Content here</div>
.text {color:#553eb4;}
.background {background-color:#553eb4;}
.border {border:1px solid #553eb4;}
Shades and Tints of #553eb4
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, #020205 is the darkest color, while #f7f5fc is the lightest one.
-
#020205
#020205
rgb(2,2,5)
-
#090714
#090714
rgb(9,7,20)
-
#100c22
#100c22
rgb(16,12,34)
-
#171131
#171131
rgb(23,17,49)
-
#1e163f
#1e163f
rgb(30,22,63)
-
#251b4e
#251b4e
rgb(37,27,78)
-
#2c205c
#2c205c
rgb(44,32,92)
-
#33256b
#33256b
rgb(51,37,107)
-
#392a7a
#392a7a
rgb(57,42,122)
-
#402f88
#402f88
rgb(64,47,136)
-
#473497
#473497
rgb(71,52,151)
-
#4e39a5
#4e39a5
rgb(78,57,165)
-
#553eb4
#553eb4
rgb(85,62,180)
-
#5e46bf
#5e46bf
rgb(94,70,191)
-
#6b55c4
#6b55c4
rgb(107,85,196)
-
#7763c9
#7763c9
rgb(119,99,201)
-
#8472ce
#8472ce
rgb(132,114,206)
-
#9181d3
#9181d3
rgb(145,129,211)
-
#9d8fd8
#9d8fd8
rgb(157,143,216)
-
#aa9ede
#aa9ede
rgb(170,158,222)
-
#b7ace3
#b7ace3
rgb(183,172,227)
-
#c4bbe8
#c4bbe8
rgb(196,187,232)
-
#d0caed
#d0caed
rgb(208,202,237)
-
#ddd8f2
#ddd8f2
rgb(221,216,242)
-
#eae7f7
#eae7f7
rgb(234,231,247)
-
#f7f5fc
#f7f5fc
rgb(247,245,252)
Tones of #553eb4
A tone is produced by adding gray to any pure hue. In this case, #77767c is the less saturated color, while #3306ec is the most saturated one.
-
#77767c
#77767c
rgb(119,118,124)
-
#716d85
#716d85
rgb(113,109,133)
-
#6c638f
#6c638f
rgb(108,99,143)
-
#665a98
#665a98
rgb(102,90,152)
-
#6051a1
#6051a1
rgb(96,81,161)
-
#5b47ab
#5b47ab
rgb(91,71,171)
-
#553eb4
#553eb4
rgb(85,62,180)
-
#4f35bd
#4f35bd
rgb(79,53,189)
-
#4a2bc7
#4a2bc7
rgb(74,43,199)
-
#4422d0
#4422d0
rgb(68,34,208)
-
#3e19d9
#3e19d9
rgb(62,25,217)
-
#390fe3
#390fe3
rgb(57,15,227)
-
#3306ec
#3306ec
rgb(51,6,236)
Color Blindness Simulator
Below, you can see how #553eb4 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.