#553ac0 Color Information
In a RGB color space, hex #553ac0 is composed of 33.3% red, 22.7% green and 75.3% blue. Whereas in a CMYK color space, it is composed of 55.7% cyan, 69.8% magenta, 0% yellow and 24.7% black. It has a hue angle of 252.1 degrees, a saturation of 53.6% and a lightness of 49%. #553ac0 color hex could be obtained by blending #aa74ff with #000081. Closest websafe color is: #6633cc.
-
- R 33
- G 23
- B 75
-
- C 56
- M 70
- Y 0
- K 25
● #553ac0 color description : Moderate blue.
#553ac0 Color Conversion
The hexadecimal color #553ac0 has RGB values of R:85, G:58, B:192 and CMYK values of C:0.56, M:0.7, Y:0, K:0.25. Its decimal value is 5585600.
| Hex triplet | 553ac0 | #553ac0 |
|---|---|---|
| RGB Decimal | 85, 58, 192 | rgb(85,58,192) |
| RGB Percent | 33.3, 22.7, 75.3 | rgb(33.3%,22.7%,75.3%) |
| CMYK | 56, 70, 0, 25 | |
| HSL | 252.1°, 53.6, 49 | hsl(252.1,53.6%,49%) |
| HSV (or HSB) | 252.1°, 69.8, 75.3 | |
| Web Safe | 6633cc | #6633cc |
| CIE-LAB | 35.523, 46.742, -66.264 |
|---|---|
| XYZ | 14.772, 8.763, 50.779 |
| xyY | 0.199, 0.118, 8.763 |
| CIE-LCH | 35.523, 81.091, 305.199 |
| CIE-LUV | 35.523, 0.035, -94.29 |
| Hunter-Lab | 29.602, 37.272, -80.985 |
| Binary | 01010101, 00111010, 11000000 |
Color Schemes with #553ac0
Alternatives to #553ac0
Below, you can see some colors close to #553ac0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#553ac0 Preview
This text has a font color of #553ac0.
<span style="color:#553ac0;">Text here</span>
This paragraph has a background color of #553ac0.
<p style="background-color:#553ac0;">Content here</p>
This element has a border color of #553ac0.
<div style="border:1px solid #553ac0;">Content here</div>
.text {color:#553ac0;}
.background {background-color:#553ac0;}
.border {border:1px solid #553ac0;}
Shades and Tints of #553ac0
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, #05030b is the darkest color, while #fcfbfe is the lightest one.
-
#05030b
#05030brgb(5,3,11) -
#0c081a
#0c081argb(12,8,26) -
#120c29
#120c29rgb(18,12,41) -
#191138
#191138rgb(25,17,56) -
#201647
#201647rgb(32,22,71) -
#261a57
#261a57rgb(38,26,87) -
#2d1f66
#2d1f66rgb(45,31,102) -
#342375
#342375rgb(52,35,117) -
#3a2884
#3a2884rgb(58,40,132) -
#412c93
#412c93rgb(65,44,147) -
#4831a2
#4831a2rgb(72,49,162) -
#4e35b1
#4e35b1rgb(78,53,177) -
#553ac0
#553ac0rgb(85,58,192)
-
#6046c7
#6046c7rgb(96,70,199) -
#6d55cc
#6d55ccrgb(109,85,204) -
#7a65d0
#7a65d0rgb(122,101,208) -
#8774d5
#8774d5rgb(135,116,213) -
#9483d9
#9483d9rgb(148,131,217) -
#a192de
#a192dergb(161,146,222) -
#aea1e3
#aea1e3rgb(174,161,227) -
#bbb0e7
#bbb0e7rgb(187,176,231) -
#c8bfec
#c8bfecrgb(200,191,236) -
#d5cef0
#d5cef0rgb(213,206,240) -
#e2ddf5
#e2ddf5rgb(226,221,245) -
#efecf9
#efecf9rgb(239,236,249) -
#fcfbfe
#fcfbfergb(252,251,254)
Tones of #553ac0
A tone is produced by adding gray to any pure hue. In this case, #777486 is the less saturated color, while #3300fa is the most saturated one.
-
#777486
#777486rgb(119,116,134) -
#726a90
#726a90rgb(114,106,144) -
#6c609a
#6c609argb(108,96,154) -
#6657a3
#6657a3rgb(102,87,163) -
#604dad
#604dadrgb(96,77,173) -
#5b44b6
#5b44b6rgb(91,68,182) -
#553ac0
#553ac0rgb(85,58,192) -
#4f30ca
#4f30cargb(79,48,202) -
#4a27d3
#4a27d3rgb(74,39,211) -
#441ddd
#441dddrgb(68,29,221) -
#3e14e6
#3e14e6rgb(62,20,230) -
#380af0
#380af0rgb(56,10,240) -
#3300fa
#3300fargb(51,0,250)
Color Blindness Simulator
Below, you can see how #553ac0 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.
