#551ba2 Color Information
In a RGB color space, hex #551ba2 is composed of 33.3% red, 10.6% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 47.5% cyan, 83.3% magenta, 0% yellow and 36.5% black. It has a hue angle of 265.8 degrees, a saturation of 71.4% and a lightness of 37.1%. #551ba2 color hex could be obtained by blending #aa36ff with #000045. Closest websafe color is: #663399.
-
- R 33
- G 11
- B 64
-
- C 48
- M 83
- Y 0
- K 36
● #551ba2 color description : Dark violet.
#551ba2 Color Conversion
The hexadecimal color #551ba2 has RGB values of R:85, G:27, B:162 and CMYK values of C:0.48, M:0.83, Y:0, K:0.36. Its decimal value is 5577634.
| Hex triplet | 551ba2 | #551ba2 |
|---|---|---|
| RGB Decimal | 85, 27, 162 | rgb(85,27,162) |
| RGB Percent | 33.3, 10.6, 63.5 | rgb(33.3%,10.6%,63.5%) |
| CMYK | 48, 83, 0, 36 | |
| HSL | 265.8°, 71.4, 37.1 | hsl(265.8,71.4%,37.1%) |
| HSV (or HSB) | 265.8°, 83.3, 63.5 | |
| Web Safe | 663399 | #663399 |
| CIE-LAB | 27.638, 53.022, -61.303 |
|---|---|
| XYZ | 10.659, 5.324, 34.646 |
| xyY | 0.211, 0.105, 5.324 |
| CIE-LCH | 27.638, 81.052, 310.857 |
| CIE-LUV | 27.638, 7.694, -79.74 |
| Hunter-Lab | 23.073, 42.08, -72.878 |
| Binary | 01010101, 00011011, 10100010 |
Color Schemes with #551ba2
Alternatives to #551ba2
Below, you can see some colors close to #551ba2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#551ba2 Preview
This text has a font color of #551ba2.
<span style="color:#551ba2;">Text here</span>
This paragraph has a background color of #551ba2.
<p style="background-color:#551ba2;">Content here</p>
This element has a border color of #551ba2.
<div style="border:1px solid #551ba2;">Content here</div>
.text {color:#551ba2;}
.background {background-color:#551ba2;}
.border {border:1px solid #551ba2;}
Shades and Tints of #551ba2
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, #06020b is the darkest color, while #fbf9fe is the lightest one.
-
#06020b
#06020brgb(6,2,11) -
#0e051b
#0e051brgb(14,5,27) -
#17072c
#17072crgb(23,7,44) -
#200a3d
#200a3drgb(32,10,61) -
#290d4e
#290d4ergb(41,13,78) -
#32105f
#32105frgb(50,16,95) -
#3b1370
#3b1370rgb(59,19,112) -
#431580
#431580rgb(67,21,128) -
#4c1891
#4c1891rgb(76,24,145) -
#551ba2
#551ba2rgb(85,27,162) -
#5e1eb3
#5e1eb3rgb(94,30,179) -
#6721c4
#6721c4rgb(103,33,196) -
#6f23d4
#6f23d4rgb(111,35,212)
-
#7a2fdc
#7a2fdcrgb(122,47,220) -
#8440df
#8440dfrgb(132,64,223) -
#8f51e2
#8f51e2rgb(143,81,226) -
#9a62e5
#9a62e5rgb(154,98,229) -
#a572e8
#a572e8rgb(165,114,232) -
#b083ea
#b083eargb(176,131,234) -
#ba94ed
#ba94edrgb(186,148,237) -
#c5a5f0
#c5a5f0rgb(197,165,240) -
#d0b6f3
#d0b6f3rgb(208,182,243) -
#dbc6f6
#dbc6f6rgb(219,198,246) -
#e5d7f8
#e5d7f8rgb(229,215,248) -
#f0e8fb
#f0e8fbrgb(240,232,251) -
#fbf9fe
#fbf9fergb(251,249,254)
Tones of #551ba2
A tone is produced by adding gray to any pure hue. In this case, #5e5c61 is the less saturated color, while #5205b8 is the most saturated one.
-
#5e5c61
#5e5c61rgb(94,92,97) -
#5d5568
#5d5568rgb(93,85,104) -
#5c4e6f
#5c4e6frgb(92,78,111) -
#5b4776
#5b4776rgb(91,71,118) -
#5a3f7e
#5a3f7ergb(90,63,126) -
#593885
#593885rgb(89,56,133) -
#58318c
#58318crgb(88,49,140) -
#572a93
#572a93rgb(87,42,147) -
#56229b
#56229brgb(86,34,155) -
#551ba2
#551ba2rgb(85,27,162) -
#5414a9
#5414a9rgb(84,20,169) -
#530cb1
#530cb1rgb(83,12,177) -
#5205b8
#5205b8rgb(82,5,184)
Color Blindness Simulator
Below, you can see how #551ba2 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.
