#553a96 Color Information
In a RGB color space, hex #553a96 is composed of 33.3% red, 22.7% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 43.3% cyan, 61.3% magenta, 0% yellow and 41.2% black. It has a hue angle of 257.6 degrees, a saturation of 44.2% and a lightness of 40.8%. #553a96 color hex could be obtained by blending #aa74ff with #00002d. Closest websafe color is: #663399.
-
- R 33
- G 23
- B 59
-
- C 43
- M 61
- Y 0
- K 41
● #553a96 color description : Dark moderate violet.
#553a96 Color Conversion
The hexadecimal color #553a96 has RGB values of R:85, G:58, B:150 and CMYK values of C:0.43, M:0.61, Y:0, K:0.41. Its decimal value is 5585558.
| Hex triplet | 553a96 | #553a96 |
|---|---|---|
| RGB Decimal | 85, 58, 150 | rgb(85,58,150) |
| RGB Percent | 33.3, 22.7, 58.8 | rgb(33.3%,22.7%,58.8%) |
| CMYK | 43, 61, 0, 41 | |
| HSL | 257.6°, 44.2, 40.8 | hsl(257.6,44.2%,40.8%) |
| HSV (or HSB) | 257.6°, 61.3, 58.8 | |
| Web Safe | 663399 | #663399 |
| CIE-LAB | 32.167, 34.287, -46.613 |
|---|---|
| XYZ | 10.763, 7.159, 29.667 |
| xyY | 0.226, 0.15, 7.159 |
| CIE-LCH | 32.167, 57.865, 306.337 |
| CIE-LUV | 32.167, 4.179, -65.776 |
| Hunter-Lab | 26.757, 24.98, -47.009 |
| Binary | 01010101, 00111010, 10010110 |
Color Schemes with #553a96
Alternatives to #553a96
Below, you can see some colors close to #553a96. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#553a96 Preview
This text has a font color of #553a96.
<span style="color:#553a96;">Text here</span>
This paragraph has a background color of #553a96.
<p style="background-color:#553a96;">Content here</p>
This element has a border color of #553a96.
<div style="border:1px solid #553a96;">Content here</div>
.text {color:#553a96;}
.background {background-color:#553a96;}
.border {border:1px solid #553a96;}
Shades and Tints of #553a96
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, #050309 is the darkest color, while #faf9fd is the lightest one.
-
#050309
#050309rgb(5,3,9) -
#0d0917
#0d0917rgb(13,9,23) -
#150e25
#150e25rgb(21,14,37) -
#1d1433
#1d1433rgb(29,20,51) -
#251941
#251941rgb(37,25,65) -
#2d1f4f
#2d1f4frgb(45,31,79) -
#35245d
#35245drgb(53,36,93) -
#3d2a6c
#3d2a6crgb(61,42,108) -
#452f7a
#452f7argb(69,47,122) -
#4d3588
#4d3588rgb(77,53,136) -
#553a96
#553a96rgb(85,58,150) -
#5d3fa4
#5d3fa4rgb(93,63,164) -
#6545b2
#6545b2rgb(101,69,178)
-
#6f50bb
#6f50bbrgb(111,80,187) -
#7b5ec1
#7b5ec1rgb(123,94,193) -
#866cc6
#866cc6rgb(134,108,198) -
#927acc
#927accrgb(146,122,204) -
#9e88d1
#9e88d1rgb(158,136,209) -
#a996d7
#a996d7rgb(169,150,215) -
#b5a5dc
#b5a5dcrgb(181,165,220) -
#c0b3e1
#c0b3e1rgb(192,179,225) -
#ccc1e7
#ccc1e7rgb(204,193,231) -
#d8cfec
#d8cfecrgb(216,207,236) -
#e3ddf2
#e3ddf2rgb(227,221,242) -
#efebf7
#efebf7rgb(239,235,247) -
#faf9fd
#faf9fdrgb(250,249,253)
Tones of #553a96
A tone is produced by adding gray to any pure hue. In this case, #66626e is the less saturated color, while #3e02ce is the most saturated one.
-
#66626e
#66626ergb(102,98,110) -
#625a76
#625a76rgb(98,90,118) -
#5f527e
#5f527ergb(95,82,126) -
#5c4a86
#5c4a86rgb(92,74,134) -
#58428e
#58428ergb(88,66,142) -
#553a96
#553a96rgb(85,58,150) -
#52329e
#52329ergb(82,50,158) -
#4e2aa6
#4e2aa6rgb(78,42,166) -
#4b22ae
#4b22aergb(75,34,174) -
#481ab6
#481ab6rgb(72,26,182) -
#4412be
#4412bergb(68,18,190) -
#410ac6
#410ac6rgb(65,10,198) -
#3e02ce
#3e02cergb(62,2,206)
Color Blindness Simulator
Below, you can see how #553a96 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.
