#550ad3 Color Information
In a RGB color space, hex #550ad3 is composed of 33.3% red, 3.9% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 59.7% cyan, 95.3% magenta, 0% yellow and 17.3% black. It has a hue angle of 262.4 degrees, a saturation of 91% and a lightness of 43.3%. #550ad3 color hex could be obtained by blending #aa14ff with #0000a7. Closest websafe color is: #6600cc.
-
- R 33
- G 4
- B 83
-
- C 60
- M 95
- Y 0
- K 17
● #550ad3 color description : Strong violet.
#550ad3 Color Conversion
The hexadecimal color #550ad3 has RGB values of R:85, G:10, B:211 and CMYK values of C:0.6, M:0.95, Y:0, K:0.17. Its decimal value is 5573331.
| Hex triplet | 550ad3 | #550ad3 |
|---|---|---|
| RGB Decimal | 85, 10, 211 | rgb(85,10,211) |
| RGB Percent | 33.3, 3.9, 82.7 | rgb(33.3%,3.9%,82.7%) |
| CMYK | 60, 95, 0, 17 | |
| HSL | 262.4°, 91, 43.3 | hsl(262.4,91%,43.3%) |
| HSV (or HSB) | 262.4°, 95.3, 82.7 | |
| Web Safe | 6600cc | #6600cc |
| CIE-LAB | 31.465, 69.227, -84.044 |
|---|---|
| XYZ | 15.611, 6.851, 62.124 |
| xyY | 0.185, 0.081, 6.851 |
| CIE-LCH | 31.465, 108.884, 309.478 |
| CIE-LUV | 31.465, 2.887, -108.81 |
| Hunter-Lab | 26.175, 60.652, -122.4 |
| Binary | 01010101, 00001010, 11010011 |
Color Schemes with #550ad3
Alternatives to #550ad3
Below, you can see some colors close to #550ad3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#550ad3 Preview
This text has a font color of #550ad3.
<span style="color:#550ad3;">Text here</span>
This paragraph has a background color of #550ad3.
<p style="background-color:#550ad3;">Content here</p>
This element has a border color of #550ad3.
<div style="border:1px solid #550ad3;">Content here</div>
.text {color:#550ad3;}
.background {background-color:#550ad3;}
.border {border:1px solid #550ad3;}
Shades and Tints of #550ad3
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, #020005 is the darkest color, while #f6f1fe is the lightest one.
-
#020005
#020005rgb(2,0,5) -
#0a0118
#0a0118rgb(10,1,24) -
#11022a
#11022argb(17,2,42) -
#19033d
#19033drgb(25,3,61) -
#200450
#200450rgb(32,4,80) -
#280563
#280563rgb(40,5,99) -
#2f0675
#2f0675rgb(47,6,117) -
#370688
#370688rgb(55,6,136) -
#3e079b
#3e079brgb(62,7,155) -
#4608ae
#4608aergb(70,8,174) -
#4d09c0
#4d09c0rgb(77,9,192) -
#550ad3
#550ad3rgb(85,10,211) -
#5d0be6
#5d0be6rgb(93,11,230)
-
#6511f4
#6511f4rgb(101,17,244) -
#7123f5
#7123f5rgb(113,35,245) -
#7d36f5
#7d36f5rgb(125,54,245) -
#8a49f6
#8a49f6rgb(138,73,246) -
#965bf7
#965bf7rgb(150,91,247) -
#a26ef8
#a26ef8rgb(162,110,248) -
#ae81f9
#ae81f9rgb(174,129,249) -
#ba94fa
#ba94fargb(186,148,250) -
#c6a6fb
#c6a6fbrgb(198,166,251) -
#d2b9fc
#d2b9fcrgb(210,185,252) -
#deccfd
#deccfdrgb(222,204,253) -
#eadffd
#eadffdrgb(234,223,253) -
#f6f1fe
#f6f1fergb(246,241,254)
Tones of #550ad3
A tone is produced by adding gray to any pure hue. In this case, #6d6876 is the less saturated color, while #5301dc is the most saturated one.
-
#6d6876
#6d6876rgb(109,104,118) -
#6b5f7e
#6b5f7ergb(107,95,126) -
#685787
#685787rgb(104,87,135) -
#664e8f
#664e8frgb(102,78,143) -
#644698
#644698rgb(100,70,152) -
#623da0
#623da0rgb(98,61,160) -
#6035a9
#6035a9rgb(96,53,169) -
#5e2cb1
#5e2cb1rgb(94,44,177) -
#5b24ba
#5b24bargb(91,36,186) -
#591bc2
#591bc2rgb(89,27,194) -
#5713cb
#5713cbrgb(87,19,203) -
#550ad3
#550ad3rgb(85,10,211) -
#5301dc
#5301dcrgb(83,1,220)
Color Blindness Simulator
Below, you can see how #550ad3 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.
