#550ed6 Color Information
In a RGB color space, hex #550ed6 is composed of 33.3% red, 5.5% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 60.3% cyan, 93.5% magenta, 0% yellow and 16.1% black. It has a hue angle of 261.3 degrees, a saturation of 87.7% and a lightness of 44.7%. #550ed6 color hex could be obtained by blending #aa1cff with #0000ad. Closest websafe color is: #6600cc.
-
- R 33
- G 5
- B 84
-
- C 60
- M 93
- Y 0
- K 16
● #550ed6 color description : Strong violet.
#550ed6 Color Conversion
The hexadecimal color #550ed6 has RGB values of R:85, G:14, B:214 and CMYK values of C:0.6, M:0.93, Y:0, K:0.16. Its decimal value is 5574358.
| Hex triplet | 550ed6 | #550ed6 |
|---|---|---|
| RGB Decimal | 85, 14, 214 | rgb(85,14,214) |
| RGB Percent | 33.3, 5.5, 83.9 | rgb(33.3%,5.5%,83.9%) |
| CMYK | 60, 93, 0, 16 | |
| HSL | 261.3°, 87.7, 44.7 | hsl(261.3,87.7%,44.7%) |
| HSV (or HSB) | 261.3°, 93.5, 83.9 | |
| Web Safe | 6600cc | #6600cc |
| CIE-LAB | 32.033, 69.26, -84.84 |
|---|---|
| XYZ | 16.039, 7.1, 64.14 |
| xyY | 0.184, 0.081, 7.1 |
| CIE-LCH | 32.033, 109.52, 309.227 |
| CIE-LUV | 32.033, 2.438, -110.544 |
| Hunter-Lab | 26.646, 60.814, -124.067 |
| Binary | 01010101, 00001110, 11010110 |
Color Schemes with #550ed6
Alternatives to #550ed6
Below, you can see some colors close to #550ed6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#550ed6 Preview
This text has a font color of #550ed6.
<span style="color:#550ed6;">Text here</span>
This paragraph has a background color of #550ed6.
<p style="background-color:#550ed6;">Content here</p>
This element has a border color of #550ed6.
<div style="border:1px solid #550ed6;">Content here</div>
.text {color:#550ed6;}
.background {background-color:#550ed6;}
.border {border:1px solid #550ed6;}
Shades and Tints of #550ed6
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, #05010b is the darkest color, while #faf8ff is the lightest one.
-
#05010b
#05010brgb(5,1,11) -
#0c021e
#0c021ergb(12,2,30) -
#130330
#130330rgb(19,3,48) -
#1a0443
#1a0443rgb(26,4,67) -
#220655
#220655rgb(34,6,85) -
#290768
#290768rgb(41,7,104) -
#30087a
#30087argb(48,8,122) -
#38098c
#38098crgb(56,9,140) -
#3f0a9f
#3f0a9frgb(63,10,159) -
#460cb1
#460cb1rgb(70,12,177) -
#4e0dc4
#4e0dc4rgb(78,13,196) -
#550ed6
#550ed6rgb(85,14,214) -
#5c0fe8
#5c0fe8rgb(92,15,232)
-
#671bf0
#671bf0rgb(103,27,240) -
#732ef1
#732ef1rgb(115,46,241) -
#7f40f3
#7f40f3rgb(127,64,243) -
#8c52f4
#8c52f4rgb(140,82,244) -
#9865f5
#9865f5rgb(152,101,245) -
#a477f6
#a477f6rgb(164,119,246) -
#b18af7
#b18af7rgb(177,138,247) -
#bd9cf9
#bd9cf9rgb(189,156,249) -
#c9aefa
#c9aefargb(201,174,250) -
#d5c1fb
#d5c1fbrgb(213,193,251) -
#e2d3fc
#e2d3fcrgb(226,211,252) -
#eee6fd
#eee6fdrgb(238,230,253) -
#faf8ff
#faf8ffrgb(250,248,255)
Tones of #550ed6
A tone is produced by adding gray to any pure hue. In this case, #716e76 is the less saturated color, while #5205df is the most saturated one.
-
#716e76
#716e76rgb(113,110,118) -
#6e667e
#6e667ergb(110,102,126) -
#6c5d87
#6c5d87rgb(108,93,135) -
#695490
#695490rgb(105,84,144) -
#674b99
#674b99rgb(103,75,153) -
#6443a1
#6443a1rgb(100,67,161) -
#623aaa
#623aaargb(98,58,170) -
#5f31b3
#5f31b3rgb(95,49,179) -
#5d28bc
#5d28bcrgb(93,40,188) -
#5a20c4
#5a20c4rgb(90,32,196) -
#5817cd
#5817cdrgb(88,23,205) -
#550ed6
#550ed6rgb(85,14,214) -
#5205df
#5205dfrgb(82,5,223)
Color Blindness Simulator
Below, you can see how #550ed6 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.
