#550ed0 Color Information
In a RGB color space, hex #550ed0 is composed of 33.3% red, 5.5% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 59.1% cyan, 93.3% magenta, 0% yellow and 18.4% black. It has a hue angle of 262 degrees, a saturation of 87.4% and a lightness of 43.5%. #550ed0 color hex could be obtained by blending #aa1cff with #0000a1. Closest websafe color is: #6600cc.
-
- R 33
- G 5
- B 82
-
- C 59
- M 93
- Y 0
- K 18
● #550ed0 color description : Strong violet.
#550ed0 Color Conversion
The hexadecimal color #550ed0 has RGB values of R:85, G:14, B:208 and CMYK values of C:0.59, M:0.93, Y:0, K:0.18. Its decimal value is 5574352.
| Hex triplet | 550ed0 | #550ed0 |
|---|---|---|
| RGB Decimal | 85, 14, 208 | rgb(85,14,208) |
| RGB Percent | 33.3, 5.5, 81.6 | rgb(33.3%,5.5%,81.6%) |
| CMYK | 59, 93, 0, 18 | |
| HSL | 262°, 87.4, 43.5 | hsl(262,87.4%,43.5%) |
| HSV (or HSB) | 262°, 93.3, 81.6 | |
| Web Safe | 6600cc | #6600cc |
| CIE-LAB | 31.345, 67.838, -82.501 |
|---|---|
| XYZ | 15.286, 6.799, 60.178 |
| xyY | 0.186, 0.083, 6.799 |
| CIE-LCH | 31.345, 106.81, 309.429 |
| CIE-LUV | 31.345, 3.049, -107.112 |
| Hunter-Lab | 26.075, 59.015, -118.582 |
| Binary | 01010101, 00001110, 11010000 |
Color Schemes with #550ed0
Alternatives to #550ed0
Below, you can see some colors close to #550ed0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#550ed0 Preview
This text has a font color of #550ed0.
<span style="color:#550ed0;">Text here</span>
This paragraph has a background color of #550ed0.
<p style="background-color:#550ed0;">Content here</p>
This element has a border color of #550ed0.
<div style="border:1px solid #550ed0;">Content here</div>
.text {color:#550ed0;}
.background {background-color:#550ed0;}
.border {border:1px solid #550ed0;}
Shades and Tints of #550ed0
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, #020006 is the darkest color, while #f7f2fe is the lightest one.
-
#020006
#020006rgb(2,0,6) -
#0a0218
#0a0218rgb(10,2,24) -
#11032b
#11032brgb(17,3,43) -
#19043d
#19043drgb(25,4,61) -
#20054f
#20054frgb(32,5,79) -
#280762
#280762rgb(40,7,98) -
#2f0874
#2f0874rgb(47,8,116) -
#370986
#370986rgb(55,9,134) -
#3e0a99
#3e0a99rgb(62,10,153) -
#460cab
#460cabrgb(70,12,171) -
#4d0dbe
#4d0dbergb(77,13,190) -
#550ed0
#550ed0rgb(85,14,208) -
#5d0fe2
#5d0fe2rgb(93,15,226)
-
#6516ef
#6516efrgb(101,22,239) -
#7228f1
#7228f1rgb(114,40,241) -
#7e3bf2
#7e3bf2rgb(126,59,242) -
#8a4df3
#8a4df3rgb(138,77,243) -
#965ff4
#965ff4rgb(150,95,244) -
#a272f5
#a272f5rgb(162,114,245) -
#ae84f7
#ae84f7rgb(174,132,247) -
#ba97f8
#ba97f8rgb(186,151,248) -
#c6a9f9
#c6a9f9rgb(198,169,249) -
#d2bbfa
#d2bbfargb(210,187,250) -
#dfcefc
#dfcefcrgb(223,206,252) -
#ebe0fd
#ebe0fdrgb(235,224,253) -
#f7f2fe
#f7f2fergb(247,242,254)
Tones of #550ed0
A tone is produced by adding gray to any pure hue. In this case, #6e6c72 is the less saturated color, while #5305d9 is the most saturated one.
-
#6e6c72
#6e6c72rgb(110,108,114) -
#6c637b
#6c637brgb(108,99,123) -
#6a5b83
#6a5b83rgb(106,91,131) -
#67528c
#67528crgb(103,82,140) -
#654a94
#654a94rgb(101,74,148) -
#63419d
#63419drgb(99,65,157) -
#6039a5
#6039a5rgb(96,57,165) -
#5e30ae
#5e30aergb(94,48,174) -
#5c28b6
#5c28b6rgb(92,40,182) -
#5a1fbf
#5a1fbfrgb(90,31,191) -
#5717c7
#5717c7rgb(87,23,199) -
#550ed0
#550ed0rgb(85,14,208) -
#5305d9
#5305d9rgb(83,5,217)
Color Blindness Simulator
Below, you can see how #550ed0 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.
