#550ba3 Color Information
In a RGB color space, hex #550ba3 is composed of 33.3% red, 4.3% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 47.9% cyan, 93.3% magenta, 0% yellow and 36.1% black. It has a hue angle of 269.2 degrees, a saturation of 87.4% and a lightness of 34.1%. #550ba3 color hex could be obtained by blending #aa16ff with #000047. Closest websafe color is: #660099.
-
- R 33
- G 4
- B 64
-
- C 48
- M 93
- Y 0
- K 36
● #550ba3 color description : Dark violet.
#550ba3 Color Conversion
The hexadecimal color #550ba3 has RGB values of R:85, G:11, B:163 and CMYK values of C:0.48, M:0.93, Y:0, K:0.36. Its decimal value is 5573539.
Hex triplet | 550ba3 | #550ba3 |
---|---|---|
RGB Decimal | 85, 11, 163 | rgb(85,11,163) |
RGB Percent | 33.3, 4.3, 63.9 | rgb(33.3%,4.3%,63.9%) |
CMYK | 48, 93, 0, 36 | |
HSL | 269.2°, 87.4, 34.1 | hsl(269.2,87.4%,34.1%) |
HSV (or HSB) | 269.2°, 93.3, 63.9 | |
Web Safe | 660099 | #660099 |
CIE-LAB | 26.201, 57.827, -64.277 |
---|---|
XYZ | 10.476, 4.815, 35.026 |
xyY | 0.208, 0.096, 4.815 |
CIE-LCH | 26.201, 86.461, 311.976 |
CIE-LUV | 26.201, 8.622, -80.916 |
Hunter-Lab | 21.943, 46.817, -79.28 |
Binary | 01010101, 00001011, 10100011 |
Color Schemes with #550ba3
Alternatives to #550ba3
Below, you can see some colors close to #550ba3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#550ba3 Preview
This text has a font color of #550ba3.
<span style="color:#550ba3;">Text here</span>
This paragraph has a background color of #550ba3.
<p style="background-color:#550ba3;">Content here</p>
This element has a border color of #550ba3.
<div style="border:1px solid #550ba3;">Content here</div>
.text {color:#550ba3;}
.background {background-color:#550ba3;}
.border {border:1px solid #550ba3;}
Shades and Tints of #550ba3
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, #080110 is the darkest color, while #fefdff is the lightest one.
-
#080110
#080110
rgb(8,1,16)
-
#120222
#120222
rgb(18,2,34)
-
#1c0435
#1c0435
rgb(28,4,53)
-
#250547
#250547
rgb(37,5,71)
-
#2f0659
#2f0659
rgb(47,6,89)
-
#38076c
#38076c
rgb(56,7,108)
-
#42097e
#42097e
rgb(66,9,126)
-
#4b0a91
#4b0a91
rgb(75,10,145)
-
#550ba3
#550ba3
rgb(85,11,163)
-
#5f0cb5
#5f0cb5
rgb(95,12,181)
-
#680dc8
#680dc8
rgb(104,13,200)
-
#720fda
#720fda
rgb(114,15,218)
-
#7b10ed
#7b10ed
rgb(123,16,237)
-
#8520f0
#8520f0
rgb(133,32,240)
-
#8f32f1
#8f32f1
rgb(143,50,241)
-
#9945f2
#9945f2
rgb(153,69,242)
-
#a357f4
#a357f4
rgb(163,87,244)
-
#ad6af5
#ad6af5
rgb(173,106,245)
-
#b77cf6
#b77cf6
rgb(183,124,246)
-
#c28ef7
#c28ef7
rgb(194,142,247)
-
#cca1f9
#cca1f9
rgb(204,161,249)
-
#d6b3fa
#d6b3fa
rgb(214,179,250)
-
#e0c5fb
#e0c5fb
rgb(224,197,251)
-
#ead8fc
#ead8fc
rgb(234,216,252)
-
#f4eafe
#f4eafe
rgb(244,234,254)
-
#fefdff
#fefdff
rgb(254,253,255)
Tones of #550ba3
A tone is produced by adding gray to any pure hue. In this case, #575559 is the less saturated color, while #5504aa is the most saturated one.
-
#575559
#575559
rgb(87,85,89)
-
#574e60
#574e60
rgb(87,78,96)
-
#574767
#574767
rgb(87,71,103)
-
#56416d
#56416d
rgb(86,65,109)
-
#563a74
#563a74
rgb(86,58,116)
-
#56337b
#56337b
rgb(86,51,123)
-
#562c82
#562c82
rgb(86,44,130)
-
#562688
#562688
rgb(86,38,136)
-
#561f8f
#561f8f
rgb(86,31,143)
-
#551896
#551896
rgb(85,24,150)
-
#55129c
#55129c
rgb(85,18,156)
-
#550ba3
#550ba3
rgb(85,11,163)
-
#5504aa
#5504aa
rgb(85,4,170)
Color Blindness Simulator
Below, you can see how #550ba3 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.