#550ed1 Color Information
In a RGB color space, hex #550ed1 is composed of 33.3% red, 5.5% green and 82% blue. Whereas in a CMYK color space, it is composed of 59.3% cyan, 93.3% magenta, 0% yellow and 18% black. It has a hue angle of 261.8 degrees, a saturation of 87.4% and a lightness of 43.7%. #550ed1 color hex could be obtained by blending #aa1cff with #0000a3. Closest websafe color is: #6600cc.
-
- R 33
- G 5
- B 82
-
- C 59
- M 93
- Y 0
- K 18
● #550ed1 color description : Strong violet.
#550ed1 Color Conversion
The hexadecimal color #550ed1 has RGB values of R:85, G:14, B:209 and CMYK values of C:0.59, M:0.93, Y:0, K:0.18. Its decimal value is 5574353.
Hex triplet | 550ed1 | #550ed1 |
---|---|---|
RGB Decimal | 85, 14, 209 | rgb(85,14,209) |
RGB Percent | 33.3, 5.5, 82 | rgb(33.3%,5.5%,82%) |
CMYK | 59, 93, 0, 18 | |
HSL | 261.8°, 87.4, 43.7 | hsl(261.8,87.4%,43.7%) |
HSV (or HSB) | 261.8°, 93.3, 82 | |
Web Safe | 6600cc | #6600cc |
CIE-LAB | 31.459, 68.075, -82.893 |
---|---|
XYZ | 15.41, 6.848, 60.828 |
xyY | 0.185, 0.082, 6.848 |
CIE-LCH | 31.459, 107.263, 309.394 |
CIE-LUV | 31.459, 2.945, -107.685 |
Hunter-Lab | 26.169, 59.313, -119.494 |
Binary | 01010101, 00001110, 11010001 |
Color Schemes with #550ed1
Alternatives to #550ed1
Below, you can see some colors close to #550ed1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#550ed1 Preview
This text has a font color of #550ed1.
<span style="color:#550ed1;">Text here</span>
This paragraph has a background color of #550ed1.
<p style="background-color:#550ed1;">Content here</p>
This element has a border color of #550ed1.
<div style="border:1px solid #550ed1;">Content here</div>
.text {color:#550ed1;}
.background {background-color:#550ed1;}
.border {border:1px solid #550ed1;}
Shades and Tints of #550ed1
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, #030007 is the darkest color, while #f7f3fe is the lightest one.
-
#030007
#030007
rgb(3,0,7)
-
#0a0219
#0a0219
rgb(10,2,25)
-
#12032c
#12032c
rgb(18,3,44)
-
#19043e
#19043e
rgb(25,4,62)
-
#210550
#210550
rgb(33,5,80)
-
#280763
#280763
rgb(40,7,99)
-
#300875
#300875
rgb(48,8,117)
-
#370987
#370987
rgb(55,9,135)
-
#3f0a9a
#3f0a9a
rgb(63,10,154)
-
#460cac
#460cac
rgb(70,12,172)
-
#4e0dbf
#4e0dbf
rgb(78,13,191)
-
#550ed1
#550ed1
rgb(85,14,209)
-
#5c0fe3
#5c0fe3
rgb(92,15,227)
-
#6617ef
#6617ef
rgb(102,23,239)
-
#7229f1
#7229f1
rgb(114,41,241)
-
#7e3cf2
#7e3cf2
rgb(126,60,242)
-
#8a4ef3
#8a4ef3
rgb(138,78,243)
-
#9660f4
#9660f4
rgb(150,96,244)
-
#a273f6
#a273f6
rgb(162,115,246)
-
#af85f7
#af85f7
rgb(175,133,247)
-
#bb97f8
#bb97f8
rgb(187,151,248)
-
#c7aaf9
#c7aaf9
rgb(199,170,249)
-
#d3bcfb
#d3bcfb
rgb(211,188,251)
-
#dfcffc
#dfcffc
rgb(223,207,252)
-
#ebe1fd
#ebe1fd
rgb(235,225,253)
-
#f7f3fe
#f7f3fe
rgb(247,243,254)
Tones of #550ed1
A tone is produced by adding gray to any pure hue. In this case, #6f6c73 is the less saturated color, while #5305da is the most saturated one.
-
#6f6c73
#6f6c73
rgb(111,108,115)
-
#6c647b
#6c647b
rgb(108,100,123)
-
#6a5b84
#6a5b84
rgb(106,91,132)
-
#68538c
#68538c
rgb(104,83,140)
-
#654a95
#654a95
rgb(101,74,149)
-
#63419e
#63419e
rgb(99,65,158)
-
#6139a6
#6139a6
rgb(97,57,166)
-
#5e30af
#5e30af
rgb(94,48,175)
-
#5c28b7
#5c28b7
rgb(92,40,183)
-
#5a1fc0
#5a1fc0
rgb(90,31,192)
-
#5717c8
#5717c8
rgb(87,23,200)
-
#550ed1
#550ed1
rgb(85,14,209)
-
#5305da
#5305da
rgb(83,5,218)
Color Blindness Simulator
Below, you can see how #550ed1 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.