#550aed Color Information
In a RGB color space, hex #550aed is composed of 33.3% red, 3.9% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 64.1% cyan, 95.8% magenta, 0% yellow and 7.1% black. It has a hue angle of 259.8 degrees, a saturation of 91.9% and a lightness of 48.4%. #550aed color hex could be obtained by blending #aa14ff with #0000db. Closest websafe color is: #6600ff.
-
- R 33
- G 4
- B 93
-
- C 64
- M 96
- Y 0
- K 7
● #550aed color description : Vivid violet.
#550aed Color Conversion
The hexadecimal color #550aed has RGB values of R:85, G:10, B:237 and CMYK values of C:0.64, M:0.96, Y:0, K:0.07. Its decimal value is 5573357.
| Hex triplet | 550aed | #550aed |
|---|---|---|
| RGB Decimal | 85, 10, 237 | rgb(85,10,237) |
| RGB Percent | 33.3, 3.9, 92.9 | rgb(33.3%,3.9%,92.9%) |
| CMYK | 64, 96, 0, 7 | |
| HSL | 259.8°, 91.9, 48.4 | hsl(259.8,91.9%,48.4%) |
| HSV (or HSB) | 259.8°, 95.8, 92.9 | |
| Web Safe | 6600ff | #6600ff |
| CIE-LAB | 34.523, 75.289, -93.889 |
|---|---|
| XYZ | 19.138, 8.262, 80.702 |
| xyY | 0.177, 0.076, 8.262 |
| CIE-LCH | 34.523, 120.348, 308.726 |
| CIE-LUV | 34.523, 0.407, -123.547 |
| Hunter-Lab | 28.744, 68.546, -146.344 |
| Binary | 01010101, 00001010, 11101101 |
Color Schemes with #550aed
Alternatives to #550aed
Below, you can see some colors close to #550aed. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#550aed Preview
This text has a font color of #550aed.
<span style="color:#550aed;">Text here</span>
This paragraph has a background color of #550aed.
<p style="background-color:#550aed;">Content here</p>
This element has a border color of #550aed.
<div style="border:1px solid #550aed;">Content here</div>
.text {color:#550aed;}
.background {background-color:#550aed;}
.border {border:1px solid #550aed;}
Shades and Tints of #550aed
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) -
#0b011e
#0b011ergb(11,1,30) -
#110231
#110231rgb(17,2,49) -
#180344
#180344rgb(24,3,68) -
#1f0456
#1f0456rgb(31,4,86) -
#260469
#260469rgb(38,4,105) -
#2c057c
#2c057crgb(44,5,124) -
#33068f
#33068frgb(51,6,143) -
#3a07a2
#3a07a2rgb(58,7,162) -
#4108b5
#4108b5rgb(65,8,181) -
#4708c7
#4708c7rgb(71,8,199) -
#4e09da
#4e09dargb(78,9,218) -
#550aed
#550aedrgb(85,10,237)
-
#5f15f5
#5f15f5rgb(95,21,245) -
#6c28f6
#6c28f6rgb(108,40,246) -
#793bf7
#793bf7rgb(121,59,247) -
#864ef8
#864ef8rgb(134,78,248) -
#9361f8
#9361f8rgb(147,97,248) -
#a074f9
#a074f9rgb(160,116,249) -
#ad86fa
#ad86fargb(173,134,250) -
#b999fb
#b999fbrgb(185,153,251) -
#c6acfb
#c6acfbrgb(198,172,251) -
#d3bffc
#d3bffcrgb(211,191,252) -
#e0d2fd
#e0d2fdrgb(224,210,253) -
#ede5fe
#ede5fergb(237,229,254) -
#faf7ff
#faf7ffrgb(250,247,255)
Tones of #550aed
A tone is produced by adding gray to any pure hue. In this case, #787385 is the less saturated color, while #5200f7 is the most saturated one.
-
#787385
#787385rgb(120,115,133) -
#75698e
#75698ergb(117,105,142) -
#726098
#726098rgb(114,96,152) -
#6f56a1
#6f56a1rgb(111,86,161) -
#6c4dab
#6c4dabrgb(108,77,171) -
#6843b4
#6843b4rgb(104,67,180) -
#653abe
#653abergb(101,58,190) -
#6230c7
#6230c7rgb(98,48,199) -
#5f27d1
#5f27d1rgb(95,39,209) -
#5b1dda
#5b1ddargb(91,29,218) -
#5814e4
#5814e4rgb(88,20,228) -
#550aed
#550aedrgb(85,10,237) -
#5200f7
#5200f7rgb(82,0,247)
Color Blindness Simulator
Below, you can see how #550aed 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.
