#550ad9 Color Information
In a RGB color space, hex #550ad9 is composed of 33.3% red, 3.9% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 60.8% cyan, 95.4% magenta, 0% yellow and 14.9% black. It has a hue angle of 261.7 degrees, a saturation of 91.2% and a lightness of 44.5%. #550ad9 color hex could be obtained by blending #aa14ff with #0000b3. Closest websafe color is: #6600cc.
-
- R 33
- G 4
- B 85
-
- C 61
- M 95
- Y 0
- K 15
● #550ad9 color description : Vivid violet.
#550ad9 Color Conversion
The hexadecimal color #550ad9 has RGB values of R:85, G:10, B:217 and CMYK values of C:0.61, M:0.95, Y:0, K:0.15. Its decimal value is 5573337.
| Hex triplet | 550ad9 | #550ad9 |
|---|---|---|
| RGB Decimal | 85, 10, 217 | rgb(85,10,217) |
| RGB Percent | 33.3, 3.9, 85.1 | rgb(33.3%,3.9%,85.1%) |
| CMYK | 61, 95, 0, 15 | |
| HSL | 261.7°, 91.2, 44.5 | hsl(261.7,91.2%,44.5%) |
| HSV (or HSB) | 261.7°, 95.4, 85.1 | |
| Web Safe | 6600cc | #6600cc |
| CIE-LAB | 32.163, 70.629, -86.359 |
|---|---|
| XYZ | 16.377, 7.158, 66.16 |
| xyY | 0.183, 0.08, 7.158 |
| CIE-LCH | 32.163, 111.563, 309.278 |
| CIE-LUV | 32.163, 2.283, -112.23 |
| Hunter-Lab | 26.754, 62.447, -127.893 |
| Binary | 01010101, 00001010, 11011001 |
Color Schemes with #550ad9
Alternatives to #550ad9
Below, you can see some colors close to #550ad9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#550ad9 Preview
This text has a font color of #550ad9.
<span style="color:#550ad9;">Text here</span>
This paragraph has a background color of #550ad9.
<p style="background-color:#550ad9;">Content here</p>
This element has a border color of #550ad9.
<div style="border:1px solid #550ad9;">Content here</div>
.text {color:#550ad9;}
.background {background-color:#550ad9;}
.border {border:1px solid #550ad9;}
Shades and Tints of #550ad9
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, #04000b is the darkest color, while #faf7ff is the lightest one.
-
#04000b
#04000brgb(4,0,11) -
#0c011d
#0c011drgb(12,1,29) -
#130230
#130230rgb(19,2,48) -
#1a0343
#1a0343rgb(26,3,67) -
#220456
#220456rgb(34,4,86) -
#290568
#290568rgb(41,5,104) -
#30067b
#30067brgb(48,6,123) -
#38078e
#38078ergb(56,7,142) -
#3f07a1
#3f07a1rgb(63,7,161) -
#4608b3
#4608b3rgb(70,8,179) -
#4e09c6
#4e09c6rgb(78,9,198) -
#550ad9
#550ad9rgb(85,10,217) -
#5c0bec
#5c0becrgb(92,11,236)
-
#6716f4
#6716f4rgb(103,22,244) -
#7329f5
#7329f5rgb(115,41,245) -
#7f3bf6
#7f3bf6rgb(127,59,246) -
#8b4ef7
#8b4ef7rgb(139,78,247) -
#9861f8
#9861f8rgb(152,97,248) -
#a474f9
#a474f9rgb(164,116,249) -
#b086f9
#b086f9rgb(176,134,249) -
#bc99fa
#bc99fargb(188,153,250) -
#c9acfb
#c9acfbrgb(201,172,251) -
#d5bffc
#d5bffcrgb(213,191,252) -
#e1d1fd
#e1d1fdrgb(225,209,253) -
#ede4fe
#ede4fergb(237,228,254) -
#faf7ff
#faf7ffrgb(250,247,255)
Tones of #550ad9
A tone is produced by adding gray to any pure hue. In this case, #6f6a79 is the less saturated color, while #5301e2 is the most saturated one.
-
#6f6a79
#6f6a79rgb(111,106,121) -
#6d6182
#6d6182rgb(109,97,130) -
#6b598a
#6b598argb(107,89,138) -
#685093
#685093rgb(104,80,147) -
#66479c
#66479crgb(102,71,156) -
#633ea5
#633ea5rgb(99,62,165) -
#6136ad
#6136adrgb(97,54,173) -
#5f2db6
#5f2db6rgb(95,45,182) -
#5c24bf
#5c24bfrgb(92,36,191) -
#5a1bc8
#5a1bc8rgb(90,27,200) -
#5713d0
#5713d0rgb(87,19,208) -
#550ad9
#550ad9rgb(85,10,217) -
#5301e2
#5301e2rgb(83,1,226)
Color Blindness Simulator
Below, you can see how #550ad9 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.
