#550ad5 Color Information
In a RGB color space, hex #550ad5 is composed of 33.3% red, 3.9% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 60.1% cyan, 95.3% magenta, 0% yellow and 16.5% black. It has a hue angle of 262.2 degrees, a saturation of 91% and a lightness of 43.7%. #550ad5 color hex could be obtained by blending #aa14ff with #0000ab. Closest websafe color is: #6600cc.
-
- R 33
- G 4
- B 84
-
- C 60
- M 95
- Y 0
- K 16
● #550ad5 color description : Strong violet.
#550ad5 Color Conversion
The hexadecimal color #550ad5 has RGB values of R:85, G:10, B:213 and CMYK values of C:0.6, M:0.95, Y:0, K:0.16. Its decimal value is 5573333.
| Hex triplet | 550ad5 | #550ad5 |
|---|---|---|
| RGB Decimal | 85, 10, 213 | rgb(85,10,213) |
| RGB Percent | 33.3, 3.9, 83.5 | rgb(33.3%,3.9%,83.5%) |
| CMYK | 60, 95, 0, 16 | |
| HSL | 262.2°, 91, 43.7 | hsl(262.2,91%,43.7%) |
| HSV (or HSB) | 262.2°, 95.3, 83.5 | |
| Web Safe | 6600cc | #6600cc |
| CIE-LAB | 31.697, 69.694, -84.819 |
|---|---|
| XYZ | 15.863, 6.952, 63.453 |
| xyY | 0.184, 0.081, 6.952 |
| CIE-LCH | 31.697, 109.779, 309.409 |
| CIE-LUV | 31.697, 2.683, -109.952 |
| Hunter-Lab | 26.367, 61.249, -124.229 |
| Binary | 01010101, 00001010, 11010101 |
Color Schemes with #550ad5
Alternatives to #550ad5
Below, you can see some colors close to #550ad5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#550ad5 Preview
This text has a font color of #550ad5.
<span style="color:#550ad5;">Text here</span>
This paragraph has a background color of #550ad5.
<p style="background-color:#550ad5;">Content here</p>
This element has a border color of #550ad5.
<div style="border:1px solid #550ad5;">Content here</div>
.text {color:#550ad5;}
.background {background-color:#550ad5;}
.border {border:1px solid #550ad5;}
Shades and Tints of #550ad5
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
#030007rgb(3,0,7) -
#0a011a
#0a011argb(10,1,26) -
#12022c
#12022crgb(18,2,44) -
#19033f
#19033frgb(25,3,63) -
#210452
#210452rgb(33,4,82) -
#280565
#280565rgb(40,5,101) -
#300677
#300677rgb(48,6,119) -
#37068a
#37068argb(55,6,138) -
#3f079d
#3f079drgb(63,7,157) -
#4608b0
#4608b0rgb(70,8,176) -
#4e09c2
#4e09c2rgb(78,9,194) -
#550ad5
#550ad5rgb(85,10,213) -
#5c0be8
#5c0be8rgb(92,11,232)
-
#6612f4
#6612f4rgb(102,18,244) -
#7225f5
#7225f5rgb(114,37,245) -
#7e38f6
#7e38f6rgb(126,56,246) -
#8a4bf7
#8a4bf7rgb(138,75,247) -
#965df7
#965df7rgb(150,93,247) -
#a270f8
#a270f8rgb(162,112,248) -
#af83f9
#af83f9rgb(175,131,249) -
#bb95fa
#bb95fargb(187,149,250) -
#c7a8fb
#c7a8fbrgb(199,168,251) -
#d3bbfc
#d3bbfcrgb(211,187,252) -
#dfcefd
#dfcefdrgb(223,206,253) -
#ebe0fe
#ebe0fergb(235,224,254) -
#f7f3fe
#f7f3fergb(247,243,254)
Tones of #550ad5
A tone is produced by adding gray to any pure hue. In this case, #6e6877 is the less saturated color, while #5301de is the most saturated one.
-
#6e6877
#6e6877rgb(110,104,119) -
#6b607f
#6b607frgb(107,96,127) -
#695788
#695788rgb(105,87,136) -
#674f90
#674f90rgb(103,79,144) -
#654699
#654699rgb(101,70,153) -
#623da2
#623da2rgb(98,61,162) -
#6035aa
#6035aargb(96,53,170) -
#5e2cb3
#5e2cb3rgb(94,44,179) -
#5c24bb
#5c24bbrgb(92,36,187) -
#591bc4
#591bc4rgb(89,27,196) -
#5713cc
#5713ccrgb(87,19,204) -
#550ad5
#550ad5rgb(85,10,213) -
#5301de
#5301dergb(83,1,222)
Color Blindness Simulator
Below, you can see how #550ad5 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.
