#550aa9 Color Information
In a RGB color space, hex #550aa9 is composed of 33.3% red, 3.9% green and 66.3% blue. Whereas in a CMYK color space, it is composed of 49.7% cyan, 94.1% magenta, 0% yellow and 33.7% black. It has a hue angle of 268.3 degrees, a saturation of 88.8% and a lightness of 35.1%. #550aa9 color hex could be obtained by blending #aa14ff with #000053. Closest websafe color is: #660099.
-
- R 33
- G 4
- B 66
-
- C 50
- M 94
- Y 0
- K 34
● #550aa9 color description : Dark violet.
#550aa9 Color Conversion
The hexadecimal color #550aa9 has RGB values of R:85, G:10, B:169 and CMYK values of C:0.5, M:0.94, Y:0, K:0.34. Its decimal value is 5573289.
| Hex triplet | 550aa9 | #550aa9 |
|---|---|---|
| RGB Decimal | 85, 10, 169 | rgb(85,10,169) |
| RGB Percent | 33.3, 3.9, 66.3 | rgb(33.3%,3.9%,66.3%) |
| CMYK | 50, 94, 0, 34 | |
| HSL | 268.3°, 88.8, 35.1 | hsl(268.3,88.8%,35.1%) |
| HSV (or HSB) | 268.3°, 94.1, 66.3 | |
| Web Safe | 660099 | #660099 |
| CIE-LAB | 26.771, 59.414, -66.97 |
|---|---|
| XYZ | 11.015, 5.013, 37.921 |
| xyY | 0.204, 0.093, 5.013 |
| CIE-LCH | 26.771, 89.527, 311.578 |
| CIE-LUV | 26.771, 7.828, -84.475 |
| Hunter-Lab | 22.389, 48.636, -84.747 |
| Binary | 01010101, 00001010, 10101001 |
Color Schemes with #550aa9
Alternatives to #550aa9
Below, you can see some colors close to #550aa9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#550aa9 Preview
This text has a font color of #550aa9.
<span style="color:#550aa9;">Text here</span>
This paragraph has a background color of #550aa9.
<p style="background-color:#550aa9;">Content here</p>
This element has a border color of #550aa9.
<div style="border:1px solid #550aa9;">Content here</div>
.text {color:#550aa9;}
.background {background-color:#550aa9;}
.border {border:1px solid #550aa9;}
Shades and Tints of #550aa9
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, #010002 is the darkest color, while #f6effe is the lightest one.
-
#010002
#010002rgb(1,0,2) -
#0a0115
#0a0115rgb(10,1,21) -
#140227
#140227rgb(20,2,39) -
#1d033a
#1d033argb(29,3,58) -
#26054c
#26054crgb(38,5,76) -
#30065f
#30065frgb(48,6,95) -
#390771
#390771rgb(57,7,113) -
#420884
#420884rgb(66,8,132) -
#4c0996
#4c0996rgb(76,9,150) -
#550aa9
#550aa9rgb(85,10,169) -
#5e0bbc
#5e0bbcrgb(94,11,188) -
#680cce
#680ccergb(104,12,206) -
#710de1
#710de1rgb(113,13,225)
-
#7a11f1
#7a11f1rgb(122,17,241) -
#8523f2
#8523f2rgb(133,35,242) -
#8f36f3
#8f36f3rgb(143,54,243) -
#9948f4
#9948f4rgb(153,72,244) -
#a45bf5
#a45bf5rgb(164,91,245) -
#ae6df6
#ae6df6rgb(174,109,246) -
#b880f7
#b880f7rgb(184,128,247) -
#c292f9
#c292f9rgb(194,146,249) -
#cda5fa
#cda5fargb(205,165,250) -
#d7b7fb
#d7b7fbrgb(215,183,251) -
#e1cafc
#e1cafcrgb(225,202,252) -
#ecdcfd
#ecdcfdrgb(236,220,253) -
#f6effe
#f6effergb(246,239,254)
Tones of #550aa9
A tone is produced by adding gray to any pure hue. In this case, #59565d is the less saturated color, while #5503b0 is the most saturated one.
-
#59565d
#59565drgb(89,86,93) -
#594f64
#594f64rgb(89,79,100) -
#59486b
#59486brgb(89,72,107) -
#584172
#584172rgb(88,65,114) -
#583a79
#583a79rgb(88,58,121) -
#573380
#573380rgb(87,51,128) -
#572c87
#572c87rgb(87,44,135) -
#57268d
#57268drgb(87,38,141) -
#561f94
#561f94rgb(86,31,148) -
#56189b
#56189brgb(86,24,155) -
#5511a2
#5511a2rgb(85,17,162) -
#550aa9
#550aa9rgb(85,10,169) -
#5503b0
#5503b0rgb(85,3,176)
Color Blindness Simulator
Below, you can see how #550aa9 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.
