#550cdd Color Information
In a RGB color space, hex #550cdd is composed of 33.3% red, 4.7% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 61.5% cyan, 94.6% magenta, 0% yellow and 13.3% black. It has a hue angle of 261 degrees, a saturation of 89.7% and a lightness of 45.7%. #550cdd color hex could be obtained by blending #aa18ff with #0000bb. Closest websafe color is: #6600cc.
-
- R 33
- G 5
- B 87
-
- C 62
- M 95
- Y 0
- K 13
● #550cdd color description : Vivid violet.
#550cdd Color Conversion
The hexadecimal color #550cdd has RGB values of R:85, G:12, B:221 and CMYK values of C:0.62, M:0.95, Y:0, K:0.13. Its decimal value is 5573853.
| Hex triplet | 550cdd | #550cdd |
|---|---|---|
| RGB Decimal | 85, 12, 221 | rgb(85,12,221) |
| RGB Percent | 33.3, 4.7, 86.7 | rgb(33.3%,4.7%,86.7%) |
| CMYK | 62, 95, 0, 13 | |
| HSL | 261°, 89.7, 45.7 | hsl(261,89.7%,45.7%) |
| HSV (or HSB) | 261°, 94.6, 86.7 | |
| Web Safe | 6600cc | #6600cc |
| CIE-LAB | 32.732, 71.256, -87.72 |
|---|---|
| XYZ | 16.927, 7.414, 68.942 |
| xyY | 0.181, 0.079, 7.414 |
| CIE-LCH | 32.732, 113.014, 309.088 |
| CIE-LUV | 32.732, 1.825, -114.518 |
| Hunter-Lab | 27.229, 63.312, -131.058 |
| Binary | 01010101, 00001100, 11011101 |
Color Schemes with #550cdd
Alternatives to #550cdd
Below, you can see some colors close to #550cdd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#550cdd Preview
This text has a font color of #550cdd.
<span style="color:#550cdd;">Text here</span>
This paragraph has a background color of #550cdd.
<p style="background-color:#550cdd;">Content here</p>
This element has a border color of #550cdd.
<div style="border:1px solid #550cdd;">Content here</div>
.text {color:#550cdd;}
.background {background-color:#550cdd;}
.border {border:1px solid #550cdd;}
Shades and Tints of #550cdd
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, #060110 is the darkest color, while #fdfdff is the lightest one.
-
#060110
#060110rgb(6,1,16) -
#0d0223
#0d0223rgb(13,2,35) -
#150336
#150336rgb(21,3,54) -
#1c0448
#1c0448rgb(28,4,72) -
#23055b
#23055brgb(35,5,91) -
#2a066d
#2a066drgb(42,6,109) -
#310780
#310780rgb(49,7,128) -
#380893
#380893rgb(56,8,147) -
#4009a5
#4009a5rgb(64,9,165) -
#470ab8
#470ab8rgb(71,10,184) -
#4e0bca
#4e0bcargb(78,11,202) -
#550cdd
#550cddrgb(85,12,221) -
#5c0df0
#5c0df0rgb(92,13,240)
-
#681df3
#681df3rgb(104,29,243) -
#7430f4
#7430f4rgb(116,48,244) -
#8143f5
#8143f5rgb(129,67,245) -
#8d55f6
#8d55f6rgb(141,85,246) -
#9a68f7
#9a68f7rgb(154,104,247) -
#a67bf8
#a67bf8rgb(166,123,248) -
#b38df9
#b38df9rgb(179,141,249) -
#bfa0fa
#bfa0fargb(191,160,250) -
#ccb2fb
#ccb2fbrgb(204,178,251) -
#d8c5fc
#d8c5fcrgb(216,197,252) -
#e5d8fd
#e5d8fdrgb(229,216,253) -
#f1eafe
#f1eafergb(241,234,254) -
#fdfdff
#fdfdffrgb(253,253,255)
Tones of #550cdd
A tone is produced by adding gray to any pure hue. In this case, #736f7a is the less saturated color, while #5203e6 is the most saturated one.
-
#736f7a
#736f7argb(115,111,122) -
#706683
#706683rgb(112,102,131) -
#6d5d8c
#6d5d8crgb(109,93,140) -
#6b5495
#6b5495rgb(107,84,149) -
#684b9e
#684b9ergb(104,75,158) -
#6542a7
#6542a7rgb(101,66,167) -
#6339b0
#6339b0rgb(99,57,176) -
#6030b9
#6030b9rgb(96,48,185) -
#5d27c2
#5d27c2rgb(93,39,194) -
#5a1ecb
#5a1ecbrgb(90,30,203) -
#5815d4
#5815d4rgb(88,21,212) -
#550cdd
#550cddrgb(85,12,221) -
#5203e6
#5203e6rgb(82,3,230)
Color Blindness Simulator
Below, you can see how #550cdd 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.
