#550bb2 Color Information
In a RGB color space, hex #550bb2 is composed of 33.3% red, 4.3% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 52.2% cyan, 93.8% magenta, 0% yellow and 30.2% black. It has a hue angle of 266.6 degrees, a saturation of 88.4% and a lightness of 37.1%. #550bb2 color hex could be obtained by blending #aa16ff with #000065. Closest websafe color is: #660099.
-
- R 33
- G 4
- B 70
-
- C 52
- M 94
- Y 0
- K 30
● #550bb2 color description : Dark violet.
#550bb2 Color Conversion
The hexadecimal color #550bb2 has RGB values of R:85, G:11, B:178 and CMYK values of C:0.52, M:0.94, Y:0, K:0.3. Its decimal value is 5573554.
| Hex triplet | 550bb2 | #550bb2 |
|---|---|---|
| RGB Decimal | 85, 11, 178 | rgb(85,11,178) |
| RGB Percent | 33.3, 4.3, 69.8 | rgb(33.3%,4.3%,69.8%) |
| CMYK | 52, 94, 0, 30 | |
| HSL | 266.6°, 88.4, 37.1 | hsl(266.6,88.4%,37.1%) |
| HSV (or HSB) | 266.6°, 93.8, 69.8 | |
| Web Safe | 660099 | #660099 |
| CIE-LAB | 27.804, 61.326, -70.673 |
|---|---|
| XYZ | 11.9, 5.385, 42.529 |
| xyY | 0.199, 0.09, 5.385 |
| CIE-LCH | 27.804, 93.571, 310.95 |
| CIE-LUV | 27.804, 6.606, -89.752 |
| Hunter-Lab | 23.205, 50.932, -92.42 |
| Binary | 01010101, 00001011, 10110010 |
Color Schemes with #550bb2
Alternatives to #550bb2
Below, you can see some colors close to #550bb2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#550bb2 Preview
This text has a font color of #550bb2.
<span style="color:#550bb2;">Text here</span>
This paragraph has a background color of #550bb2.
<p style="background-color:#550bb2;">Content here</p>
This element has a border color of #550bb2.
<div style="border:1px solid #550bb2;">Content here</div>
.text {color:#550bb2;}
.background {background-color:#550bb2;}
.border {border:1px solid #550bb2;}
Shades and Tints of #550bb2
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, #06010c is the darkest color, while #fbf8ff is the lightest one.
-
#06010c
#06010crgb(6,1,12) -
#0e021e
#0e021ergb(14,2,30) -
#170331
#170331rgb(23,3,49) -
#200443
#200443rgb(32,4,67) -
#290556
#290556rgb(41,5,86) -
#320668
#320668rgb(50,6,104) -
#3b087b
#3b087brgb(59,8,123) -
#43098d
#43098drgb(67,9,141) -
#4c0aa0
#4c0aa0rgb(76,10,160) -
#550bb2
#550bb2rgb(85,11,178) -
#5e0cc4
#5e0cc4rgb(94,12,196) -
#670dd7
#670dd7rgb(103,13,215) -
#6f0ee9
#6f0ee9rgb(111,14,233)
-
#7a1bf1
#7a1bf1rgb(122,27,241) -
#842df2
#842df2rgb(132,45,242) -
#8f40f3
#8f40f3rgb(143,64,243) -
#9a52f4
#9a52f4rgb(154,82,244) -
#a564f5
#a564f5rgb(165,100,245) -
#b077f7
#b077f7rgb(176,119,247) -
#ba89f8
#ba89f8rgb(186,137,248) -
#c59cf9
#c59cf9rgb(197,156,249) -
#d0aefa
#d0aefargb(208,174,250) -
#dbc1fb
#dbc1fbrgb(219,193,251) -
#e5d3fc
#e5d3fcrgb(229,211,252) -
#f0e6fd
#f0e6fdrgb(240,230,253) -
#fbf8ff
#fbf8ffrgb(251,248,255)
Tones of #550bb2
A tone is produced by adding gray to any pure hue. In this case, #5e5b62 is the less saturated color, while #5404b9 is the most saturated one.
-
#5e5b62
#5e5b62rgb(94,91,98) -
#5d5469
#5d5469rgb(93,84,105) -
#5c4c71
#5c4c71rgb(92,76,113) -
#5c4578
#5c4578rgb(92,69,120) -
#5b3e7f
#5b3e7frgb(91,62,127) -
#5a3786
#5a3786rgb(90,55,134) -
#592f8e
#592f8ergb(89,47,142) -
#582895
#582895rgb(88,40,149) -
#57219c
#57219crgb(87,33,156) -
#571aa3
#571aa3rgb(87,26,163) -
#5612ab
#5612abrgb(86,18,171) -
#550bb2
#550bb2rgb(85,11,178) -
#5404b9
#5404b9rgb(84,4,185)
Color Blindness Simulator
Below, you can see how #550bb2 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.
