#553bb3 Color Information
In a RGB color space, hex #553bb3 is composed of 33.3% red, 23.1% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 52.5% cyan, 67% magenta, 0% yellow and 29.8% black. It has a hue angle of 253 degrees, a saturation of 50.4% and a lightness of 46.7%. #553bb3 color hex could be obtained by blending #aa76ff with #000067. Closest websafe color is: #6633cc.
-
- R 33
- G 23
- B 70
-
- C 53
- M 67
- Y 0
- K 30
● #553bb3 color description : Moderate blue.
#553bb3 Color Conversion
The hexadecimal color #553bb3 has RGB values of R:85, G:59, B:179 and CMYK values of C:0.53, M:0.67, Y:0, K:0.3. Its decimal value is 5585843.
Hex triplet | 553bb3 | #553bb3 |
---|---|---|
RGB Decimal | 85, 59, 179 | rgb(85,59,179) |
RGB Percent | 33.3, 23.1, 70.2 | rgb(33.3%,23.1%,70.2%) |
CMYK | 53, 67, 0, 30 | |
HSL | 253°, 50.4, 46.7 | hsl(253,50.4%,46.7%) |
HSV (or HSB) | 253°, 67, 70.2 | |
Web Safe | 6633cc | #6633cc |
CIE-LAB | 34.628, 42.302, -60.059 |
---|---|
XYZ | 13.445, 8.314, 43.542 |
xyY | 0.206, 0.127, 8.314 |
CIE-LCH | 34.628, 73.462, 305.159 |
CIE-LUV | 34.628, 1.018, -85.509 |
Hunter-Lab | 28.833, 32.779, -69.351 |
Binary | 01010101, 00111011, 10110011 |
Color Schemes with #553bb3
Alternatives to #553bb3
Below, you can see some colors close to #553bb3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#553bb3 Preview
This text has a font color of #553bb3.
<span style="color:#553bb3;">Text here</span>
This paragraph has a background color of #553bb3.
<p style="background-color:#553bb3;">Content here</p>
This element has a border color of #553bb3.
<div style="border:1px solid #553bb3;">Content here</div>
.text {color:#553bb3;}
.background {background-color:#553bb3;}
.border {border:1px solid #553bb3;}
Shades and Tints of #553bb3
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, #010102 is the darkest color, while #f4f2fb is the lightest one.
-
#010102
#010102
rgb(1,1,2)
-
#080611
#080611
rgb(8,6,17)
-
#0f0a1f
#0f0a1f
rgb(15,10,31)
-
#160f2e
#160f2e
rgb(22,15,46)
-
#1d143d
#1d143d
rgb(29,20,61)
-
#24194c
#24194c
rgb(36,25,76)
-
#2b1e5a
#2b1e5a
rgb(43,30,90)
-
#322369
#322369
rgb(50,35,105)
-
#392878
#392878
rgb(57,40,120)
-
#402c87
#402c87
rgb(64,44,135)
-
#473195
#473195
rgb(71,49,149)
-
#4e36a4
#4e36a4
rgb(78,54,164)
-
#553bb3
#553bb3
rgb(85,59,179)
-
#5d41c0
#5d41c0
rgb(93,65,192)
-
#6950c5
#6950c5
rgb(105,80,197)
-
#765fca
#765fca
rgb(118,95,202)
-
#836dcf
#836dcf
rgb(131,109,207)
-
#8f7cd4
#8f7cd4
rgb(143,124,212)
-
#9c8bd9
#9c8bd9
rgb(156,139,217)
-
#a89ade
#a89ade
rgb(168,154,222)
-
#b5a8e2
#b5a8e2
rgb(181,168,226)
-
#c2b7e7
#c2b7e7
rgb(194,183,231)
-
#cec6ec
#cec6ec
rgb(206,198,236)
-
#dbd5f1
#dbd5f1
rgb(219,213,241)
-
#e7e3f6
#e7e3f6
rgb(231,227,246)
-
#f4f2fb
#f4f2fb
rgb(244,242,251)
Tones of #553bb3
A tone is produced by adding gray to any pure hue. In this case, #74727c is the less saturated color, while #3604ea is the most saturated one.
-
#74727c
#74727c
rgb(116,114,124)
-
#6f6985
#6f6985
rgb(111,105,133)
-
#6a608e
#6a608e
rgb(106,96,142)
-
#655698
#655698
rgb(101,86,152)
-
#5f4da1
#5f4da1
rgb(95,77,161)
-
#5a44aa
#5a44aa
rgb(90,68,170)
-
#553bb3
#553bb3
rgb(85,59,179)
-
#5032bc
#5032bc
rgb(80,50,188)
-
#4b29c5
#4b29c5
rgb(75,41,197)
-
#4520ce
#4520ce
rgb(69,32,206)
-
#4016d8
#4016d8
rgb(64,22,216)
-
#3b0de1
#3b0de1
rgb(59,13,225)
-
#3604ea
#3604ea
rgb(54,4,234)
Color Blindness Simulator
Below, you can see how #553bb3 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.