#553aa0 Color Information
In a RGB color space, hex #553aa0 is composed of 33.3% red, 22.7% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 46.9% cyan, 63.8% magenta, 0% yellow and 37.3% black. It has a hue angle of 255.9 degrees, a saturation of 46.8% and a lightness of 42.7%. #553aa0 color hex could be obtained by blending #aa74ff with #000041. Closest websafe color is: #663399.
-
- R 33
- G 23
- B 63
-
- C 47
- M 64
- Y 0
- K 37
● #553aa0 color description : Dark moderate violet.
#553aa0 Color Conversion
The hexadecimal color #553aa0 has RGB values of R:85, G:58, B:160 and CMYK values of C:0.47, M:0.64, Y:0, K:0.37. Its decimal value is 5585568.
Hex triplet | 553aa0 | #553aa0 |
---|---|---|
RGB Decimal | 85, 58, 160 | rgb(85,58,160) |
RGB Percent | 33.3, 22.7, 62.7 | rgb(33.3%,22.7%,62.7%) |
CMYK | 47, 64, 0, 37 | |
HSL | 255.9°, 46.8, 42.7 | hsl(255.9,46.8%,42.7%) |
HSV (or HSB) | 255.9°, 63.8, 62.7 | |
Web Safe | 663399 | #663399 |
CIE-LAB | 32.909, 37.224, -51.482 |
---|---|
XYZ | 11.603, 7.495, 34.091 |
xyY | 0.218, 0.141, 7.495 |
CIE-LCH | 32.909, 63.53, 305.869 |
CIE-LUV | 32.909, 3.103, -72.838 |
Hunter-Lab | 27.378, 27.743, -54.665 |
Binary | 01010101, 00111010, 10100000 |
Color Schemes with #553aa0
Alternatives to #553aa0
Below, you can see some colors close to #553aa0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#553aa0 Preview
This text has a font color of #553aa0.
<span style="color:#553aa0;">Text here</span>
This paragraph has a background color of #553aa0.
<p style="background-color:#553aa0;">Content here</p>
This element has a border color of #553aa0.
<div style="border:1px solid #553aa0;">Content here</div>
.text {color:#553aa0;}
.background {background-color:#553aa0;}
.border {border:1px solid #553aa0;}
Shades and Tints of #553aa0
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 #f4f2fa is the lightest one.
-
#010102
#010102
rgb(1,1,2)
-
#090610
#090610
rgb(9,6,16)
-
#100b1e
#100b1e
rgb(16,11,30)
-
#18102d
#18102d
rgb(24,16,45)
-
#1f153b
#1f153b
rgb(31,21,59)
-
#271b4a
#271b4a
rgb(39,27,74)
-
#2f2058
#2f2058
rgb(47,32,88)
-
#362566
#362566
rgb(54,37,102)
-
#3e2a75
#3e2a75
rgb(62,42,117)
-
#463083
#463083
rgb(70,48,131)
-
#4d3592
#4d3592
rgb(77,53,146)
-
#553aa0
#553aa0
rgb(85,58,160)
-
#5d3fae
#5d3fae
rgb(93,63,174)
-
#6545bc
#6545bc
rgb(101,69,188)
-
#7154c1
#7154c1
rgb(113,84,193)
-
#7d62c6
#7d62c6
rgb(125,98,198)
-
#8971cb
#8971cb
rgb(137,113,203)
-
#957fd1
#957fd1
rgb(149,127,209)
-
#a18dd6
#a18dd6
rgb(161,141,214)
-
#ad9cdb
#ad9cdb
rgb(173,156,219)
-
#b9aae0
#b9aae0
rgb(185,170,224)
-
#c5b9e5
#c5b9e5
rgb(197,185,229)
-
#d0c7eb
#d0c7eb
rgb(208,199,235)
-
#dcd5f0
#dcd5f0
rgb(220,213,240)
-
#e8e4f5
#e8e4f5
rgb(232,228,245)
-
#f4f2fa
#f4f2fa
rgb(244,242,250)
Tones of #553aa0
A tone is produced by adding gray to any pure hue. In this case, #6d6c6e is the less saturated color, while #3d08d2 is the most saturated one.
-
#6d6c6e
#6d6c6e
rgb(109,108,110)
-
#696476
#696476
rgb(105,100,118)
-
#655c7e
#655c7e
rgb(101,92,126)
-
#615387
#615387
rgb(97,83,135)
-
#5d4b8f
#5d4b8f
rgb(93,75,143)
-
#594298
#594298
rgb(89,66,152)
-
#553aa0
#553aa0
rgb(85,58,160)
-
#5132a8
#5132a8
rgb(81,50,168)
-
#4d29b1
#4d29b1
rgb(77,41,177)
-
#4921b9
#4921b9
rgb(73,33,185)
-
#4518c2
#4518c2
rgb(69,24,194)
-
#4110ca
#4110ca
rgb(65,16,202)
-
#3d08d2
#3d08d2
rgb(61,8,210)
Color Blindness Simulator
Below, you can see how #553aa0 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.