#553eb5 Color Information
In a RGB color space, hex #553eb5 is composed of 33.3% red, 24.3% green and 71% blue. Whereas in a CMYK color space, it is composed of 53% cyan, 65.7% magenta, 0% yellow and 29% black. It has a hue angle of 251.6 degrees, a saturation of 49% and a lightness of 47.6%. #553eb5 color hex could be obtained by blending #aa7cff with #00006b. Closest websafe color is: #6633cc.
-
- R 33
- G 24
- B 71
-
- C 53
- M 66
- Y 0
- K 29
● #553eb5 color description : Moderate blue.
#553eb5 Color Conversion
The hexadecimal color #553eb5 has RGB values of R:85, G:62, B:181 and CMYK values of C:0.53, M:0.66, Y:0, K:0.29. Its decimal value is 5586613.
Hex triplet | 553eb5 | #553eb5 |
---|---|---|
RGB Decimal | 85, 62, 181 | rgb(85,62,181) |
RGB Percent | 33.3, 24.3, 71 | rgb(33.3%,24.3%,71%) |
CMYK | 53, 66, 0, 29 | |
HSL | 251.6°, 49, 47.6 | hsl(251.6,49%,47.6%) |
HSV (or HSB) | 251.6°, 65.7, 71 | |
Web Safe | 6633cc | #6633cc |
CIE-LAB | 35.425, 41.187, -59.945 |
---|---|
XYZ | 13.808, 8.712, 44.668 |
xyY | 0.206, 0.13, 8.712 |
CIE-LCH | 35.425, 72.731, 304.493 |
CIE-LUV | 35.425, 0.221, -86.017 |
Hunter-Lab | 29.517, 31.848, -69.062 |
Binary | 01010101, 00111110, 10110101 |
Color Schemes with #553eb5
Alternatives to #553eb5
Below, you can see some colors close to #553eb5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#553eb5 Preview
This text has a font color of #553eb5.
<span style="color:#553eb5;">Text here</span>
This paragraph has a background color of #553eb5.
<p style="background-color:#553eb5;">Content here</p>
This element has a border color of #553eb5.
<div style="border:1px solid #553eb5;">Content here</div>
.text {color:#553eb5;}
.background {background-color:#553eb5;}
.border {border:1px solid #553eb5;}
Shades and Tints of #553eb5
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, #030206 is the darkest color, while #f7f6fc is the lightest one.
-
#030206
#030206
rgb(3,2,6)
-
#0a0714
#0a0714
rgb(10,7,20)
-
#100c23
#100c23
rgb(16,12,35)
-
#171132
#171132
rgb(23,17,50)
-
#1e1640
#1e1640
rgb(30,22,64)
-
#251b4f
#251b4f
rgb(37,27,79)
-
#2c205d
#2c205d
rgb(44,32,93)
-
#33256c
#33256c
rgb(51,37,108)
-
#3a2a7b
#3a2a7b
rgb(58,42,123)
-
#402f89
#402f89
rgb(64,47,137)
-
#473498
#473498
rgb(71,52,152)
-
#4e39a6
#4e39a6
rgb(78,57,166)
-
#553eb5
#553eb5
rgb(85,62,181)
-
#5e47c0
#5e47c0
rgb(94,71,192)
-
#6b55c5
#6b55c5
rgb(107,85,197)
-
#7864ca
#7864ca
rgb(120,100,202)
-
#8473cf
#8473cf
rgb(132,115,207)
-
#9181d4
#9181d4
rgb(145,129,212)
-
#9e90d9
#9e90d9
rgb(158,144,217)
-
#ab9ede
#ab9ede
rgb(171,158,222)
-
#b7ade3
#b7ade3
rgb(183,173,227)
-
#c4bce8
#c4bce8
rgb(196,188,232)
-
#d1caed
#d1caed
rgb(209,202,237)
-
#ded9f2
#ded9f2
rgb(222,217,242)
-
#eae7f7
#eae7f7
rgb(234,231,247)
-
#f7f6fc
#f7f6fc
rgb(247,246,252)
Tones of #553eb5
A tone is produced by adding gray to any pure hue. In this case, #77767d is the less saturated color, while #3306ed is the most saturated one.
-
#77767d
#77767d
rgb(119,118,125)
-
#726d86
#726d86
rgb(114,109,134)
-
#6c6390
#6c6390
rgb(108,99,144)
-
#665a99
#665a99
rgb(102,90,153)
-
#6051a2
#6051a2
rgb(96,81,162)
-
#5b47ac
#5b47ac
rgb(91,71,172)
-
#553eb5
#553eb5
rgb(85,62,181)
-
#4f35be
#4f35be
rgb(79,53,190)
-
#4a2bc8
#4a2bc8
rgb(74,43,200)
-
#4422d1
#4422d1
rgb(68,34,209)
-
#3e19da
#3e19da
rgb(62,25,218)
-
#380fe4
#380fe4
rgb(56,15,228)
-
#3306ed
#3306ed
rgb(51,6,237)
Color Blindness Simulator
Below, you can see how #553eb5 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.