#551bdd Color Information
In a RGB color space, hex #551bdd is composed of 33.3% red, 10.6% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 61.5% cyan, 87.8% magenta, 0% yellow and 13.3% black. It has a hue angle of 257.9 degrees, a saturation of 78.2% and a lightness of 48.6%. #551bdd color hex could be obtained by blending #aa36ff with #0000bb. Closest websafe color is: #6633cc.
-
- R 33
- G 11
- B 87
-
- C 62
- M 88
- Y 0
- K 13
● #551bdd color description : Vivid violet.
#551bdd Color Conversion
The hexadecimal color #551bdd has RGB values of R:85, G:27, B:221 and CMYK values of C:0.62, M:0.88, Y:0, K:0.13. Its decimal value is 5577693.
| Hex triplet | 551bdd | #551bdd |
|---|---|---|
| RGB Decimal | 85, 27, 221 | rgb(85,27,221) |
| RGB Percent | 33.3, 10.6, 86.7 | rgb(33.3%,10.6%,86.7%) |
| CMYK | 62, 88, 0, 13 | |
| HSL | 257.9°, 78.2, 48.6 | hsl(257.9,78.2%,48.6%) |
| HSV (or HSB) | 257.9°, 87.8, 86.7 | |
| Web Safe | 6633cc | #6633cc |
| CIE-LAB | 33.847, 67.883, -85.868 |
|---|---|
| XYZ | 17.187, 7.935, 69.029 |
| xyY | 0.183, 0.084, 7.935 |
| CIE-LCH | 33.847, 109.46, 308.328 |
| CIE-LUV | 33.847, 1.064, -114.54 |
| Hunter-Lab | 28.169, 59.613, -125.572 |
| Binary | 01010101, 00011011, 11011101 |
Color Schemes with #551bdd
Alternatives to #551bdd
Below, you can see some colors close to #551bdd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#551bdd Preview
This text has a font color of #551bdd.
<span style="color:#551bdd;">Text here</span>
This paragraph has a background color of #551bdd.
<p style="background-color:#551bdd;">Content here</p>
This element has a border color of #551bdd.
<div style="border:1px solid #551bdd;">Content here</div>
.text {color:#551bdd;}
.background {background-color:#551bdd;}
.border {border:1px solid #551bdd;}
Shades and Tints of #551bdd
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, #04010b is the darkest color, while #faf9fe is the lightest one.
-
#04010b
#04010brgb(4,1,11) -
#0b041d
#0b041drgb(11,4,29) -
#12062e
#12062ergb(18,6,46) -
#180840
#180840rgb(24,8,64) -
#1f0a51
#1f0a51rgb(31,10,81) -
#260c63
#260c63rgb(38,12,99) -
#2d0e74
#2d0e74rgb(45,14,116) -
#331086
#331086rgb(51,16,134) -
#3a1297
#3a1297rgb(58,18,151) -
#4115a9
#4115a9rgb(65,21,169) -
#4817ba
#4817bargb(72,23,186) -
#4e19cc
#4e19ccrgb(78,25,204) -
#551bdd
#551bddrgb(85,27,221)
-
#6027e5
#6027e5rgb(96,39,229) -
#6d38e7
#6d38e7rgb(109,56,231) -
#794ae9
#794ae9rgb(121,74,233) -
#865beb
#865bebrgb(134,91,235) -
#936ded
#936dedrgb(147,109,237) -
#a07eef
#a07eefrgb(160,126,239) -
#ad90f1
#ad90f1rgb(173,144,241) -
#baa1f4
#baa1f4rgb(186,161,244) -
#c7b3f6
#c7b3f6rgb(199,179,246) -
#d4c4f8
#d4c4f8rgb(212,196,248) -
#e1d6fa
#e1d6fargb(225,214,250) -
#eee7fc
#eee7fcrgb(238,231,252) -
#faf9fe
#faf9fergb(250,249,254)
Tones of #551bdd
A tone is produced by adding gray to any pure hue. In this case, #7b7a7e is the less saturated color, while #4d08f0 is the most saturated one.
-
#7b7a7e
#7b7a7ergb(123,122,126) -
#787187
#787187rgb(120,113,135) -
#746791
#746791rgb(116,103,145) -
#705e9a
#705e9argb(112,94,154) -
#6c54a4
#6c54a4rgb(108,84,164) -
#684bad
#684badrgb(104,75,173) -
#6441b7
#6441b7rgb(100,65,183) -
#6138c0
#6138c0rgb(97,56,192) -
#5d2eca
#5d2ecargb(93,46,202) -
#5925d3
#5925d3rgb(89,37,211) -
#551bdd
#551bddrgb(85,27,221) -
#5111e7
#5111e7rgb(81,17,231) -
#4d08f0
#4d08f0rgb(77,8,240)
Color Blindness Simulator
Below, you can see how #551bdd 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.
