#550aa2 Color Information
In a RGB color space, hex #550aa2 is composed of 33.3% red, 3.9% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 47.5% cyan, 93.8% magenta, 0% yellow and 36.5% black. It has a hue angle of 269.6 degrees, a saturation of 88.4% and a lightness of 33.7%. #550aa2 color hex could be obtained by blending #aa14ff with #000045. Closest websafe color is: #660099.
-
- R 33
- G 4
- B 64
-
- C 48
- M 94
- Y 0
- K 36
● #550aa2 color description : Dark violet.
#550aa2 Color Conversion
The hexadecimal color #550aa2 has RGB values of R:85, G:10, B:162 and CMYK values of C:0.48, M:0.94, Y:0, K:0.36. Its decimal value is 5573282.
Hex triplet | 550aa2 | #550aa2 |
---|---|---|
RGB Decimal | 85, 10, 162 | rgb(85,10,162) |
RGB Percent | 33.3, 3.9, 63.5 | rgb(33.3%,3.9%,63.5%) |
CMYK | 48, 94, 0, 36 | |
HSL | 269.6°, 88.4, 33.7 | hsl(269.6,88.4%,33.7%) |
HSV (or HSB) | 269.6°, 93.8, 63.5 | |
Web Safe | 660099 | #660099 |
CIE-LAB | 26.031, 57.792, -63.95 |
---|---|
XYZ | 10.375, 4.757, 34.552 |
xyY | 0.209, 0.096, 4.757 |
CIE-LCH | 26.031, 86.194, 312.105 |
CIE-LUV | 26.031, 8.807, -80.336 |
Hunter-Lab | 21.811, 46.745, -78.659 |
Binary | 01010101, 00001010, 10100010 |
Color Schemes with #550aa2
Alternatives to #550aa2
Below, you can see some colors close to #550aa2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#550aa2 Preview
This text has a font color of #550aa2.
<span style="color:#550aa2;">Text here</span>
This paragraph has a background color of #550aa2.
<p style="background-color:#550aa2;">Content here</p>
This element has a border color of #550aa2.
<div style="border:1px solid #550aa2;">Content here</div>
.text {color:#550aa2;}
.background {background-color:#550aa2;}
.border {border:1px solid #550aa2;}
Shades and Tints of #550aa2
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, #07010e is the darkest color, while #fdfbff is the lightest one.
-
#07010e
#07010e
rgb(7,1,14)
-
#110221
#110221
rgb(17,2,33)
-
#1b0333
#1b0333
rgb(27,3,51)
-
#250446
#250446
rgb(37,4,70)
-
#2e0558
#2e0558
rgb(46,5,88)
-
#38076b
#38076b
rgb(56,7,107)
-
#42087d
#42087d
rgb(66,8,125)
-
#4b0990
#4b0990
rgb(75,9,144)
-
#550aa2
#550aa2
rgb(85,10,162)
-
#5f0bb4
#5f0bb4
rgb(95,11,180)
-
#680cc7
#680cc7
rgb(104,12,199)
-
#720dd9
#720dd9
rgb(114,13,217)
-
#7c0fec
#7c0fec
rgb(124,15,236)
-
#861df1
#861df1
rgb(134,29,241)
-
#9030f2
#9030f2
rgb(144,48,242)
-
#9942f3
#9942f3
rgb(153,66,243)
-
#a354f4
#a354f4
rgb(163,84,244)
-
#ad67f6
#ad67f6
rgb(173,103,246)
-
#b779f7
#b779f7
rgb(183,121,247)
-
#c18cf8
#c18cf8
rgb(193,140,248)
-
#cb9ef9
#cb9ef9
rgb(203,158,249)
-
#d5b1fa
#d5b1fa
rgb(213,177,250)
-
#dfc3fb
#dfc3fb
rgb(223,195,251)
-
#e9d6fc
#e9d6fc
rgb(233,214,252)
-
#f3e8fe
#f3e8fe
rgb(243,232,254)
-
#fdfbff
#fdfbff
rgb(253,251,255)
Tones of #550aa2
A tone is produced by adding gray to any pure hue. In this case, #565359 is the less saturated color, while #5503a9 is the most saturated one.
-
#565359
#565359
rgb(86,83,89)
-
#564c60
#564c60
rgb(86,76,96)
-
#564666
#564666
rgb(86,70,102)
-
#563f6d
#563f6d
rgb(86,63,109)
-
#563874
#563874
rgb(86,56,116)
-
#56327a
#56327a
rgb(86,50,122)
-
#552b81
#552b81
rgb(85,43,129)
-
#552488
#552488
rgb(85,36,136)
-
#551e8e
#551e8e
rgb(85,30,142)
-
#551795
#551795
rgb(85,23,149)
-
#55119b
#55119b
rgb(85,17,155)
-
#550aa2
#550aa2
rgb(85,10,162)
-
#5503a9
#5503a9
rgb(85,3,169)
Color Blindness Simulator
Below, you can see how #550aa2 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.