#551ba8 Color Information
In a RGB color space, hex #551ba8 is composed of 33.3% red, 10.6% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 49.4% cyan, 83.9% magenta, 0% yellow and 34.1% black. It has a hue angle of 264.7 degrees, a saturation of 72.3% and a lightness of 38.2%. #551ba8 color hex could be obtained by blending #aa36ff with #000051. Closest websafe color is: #663399.
-
- R 33
- G 11
- B 66
-
- C 49
- M 84
- Y 0
- K 34
● #551ba8 color description : Dark violet.
#551ba8 Color Conversion
The hexadecimal color #551ba8 has RGB values of R:85, G:27, B:168 and CMYK values of C:0.49, M:0.84, Y:0, K:0.34. Its decimal value is 5577640.
| Hex triplet | 551ba8 | #551ba8 |
|---|---|---|
| RGB Decimal | 85, 27, 168 | rgb(85,27,168) |
| RGB Percent | 33.3, 10.6, 65.9 | rgb(33.3%,10.6%,65.9%) |
| CMYK | 49, 84, 0, 34 | |
| HSL | 264.7°, 72.3, 38.2 | hsl(264.7,72.3%,38.2%) |
| HSV (or HSB) | 264.7°, 83.9, 65.9 | |
| Web Safe | 663399 | #663399 |
| CIE-LAB | 28.227, 54.533, -63.967 |
|---|---|
| XYZ | 11.205, 5.542, 37.523 |
| xyY | 0.206, 0.102, 5.542 |
| CIE-LCH | 28.227, 84.057, 310.448 |
| CIE-LUV | 28.227, 6.89, -83.394 |
| Hunter-Lab | 23.542, 43.76, -78.022 |
| Binary | 01010101, 00011011, 10101000 |
Color Schemes with #551ba8
Alternatives to #551ba8
Below, you can see some colors close to #551ba8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#551ba8 Preview
This text has a font color of #551ba8.
<span style="color:#551ba8;">Text here</span>
This paragraph has a background color of #551ba8.
<p style="background-color:#551ba8;">Content here</p>
This element has a border color of #551ba8.
<div style="border:1px solid #551ba8;">Content here</div>
.text {color:#551ba8;}
.background {background-color:#551ba8;}
.border {border:1px solid #551ba8;}
Shades and Tints of #551ba8
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, #080310 is the darkest color, while #fefeff is the lightest one.
-
#080310
#080310rgb(8,3,16) -
#110521
#110521rgb(17,5,33) -
#190832
#190832rgb(25,8,50) -
#220b43
#220b43rgb(34,11,67) -
#2a0d54
#2a0d54rgb(42,13,84) -
#331064
#331064rgb(51,16,100) -
#3b1375
#3b1375rgb(59,19,117) -
#441686
#441686rgb(68,22,134) -
#4c1897
#4c1897rgb(76,24,151) -
#551ba8
#551ba8rgb(85,27,168) -
#5e1eb9
#5e1eb9rgb(94,30,185) -
#6620ca
#6620cargb(102,32,202) -
#6f23db
#6f23dbrgb(111,35,219)
-
#7a33de
#7a33dergb(122,51,222) -
#8544e1
#8544e1rgb(133,68,225) -
#9055e4
#9055e4rgb(144,85,228) -
#9b66e6
#9b66e6rgb(155,102,230) -
#a677e9
#a677e9rgb(166,119,233) -
#b188ec
#b188ecrgb(177,136,236) -
#bc99ef
#bc99efrgb(188,153,239) -
#c7aaf1
#c7aaf1rgb(199,170,241) -
#d2baf4
#d2baf4rgb(210,186,244) -
#ddcbf7
#ddcbf7rgb(221,203,247) -
#e8dcf9
#e8dcf9rgb(232,220,249) -
#f3edfc
#f3edfcrgb(243,237,252) -
#fefeff
#fefeffrgb(254,254,255)
Tones of #551ba8
A tone is produced by adding gray to any pure hue. In this case, #615f65 is the less saturated color, while #5104bf is the most saturated one.
-
#615f65
#615f65rgb(97,95,101) -
#60576c
#60576crgb(96,87,108) -
#5e5074
#5e5074rgb(94,80,116) -
#5d487b
#5d487brgb(93,72,123) -
#5c4183
#5c4183rgb(92,65,131) -
#5a398a
#5a398argb(90,57,138) -
#593292
#593292rgb(89,50,146) -
#582a99
#582a99rgb(88,42,153) -
#5623a1
#5623a1rgb(86,35,161) -
#551ba8
#551ba8rgb(85,27,168) -
#5414b0
#5414b0rgb(84,20,176) -
#520cb7
#520cb7rgb(82,12,183) -
#5104bf
#5104bfrgb(81,4,191)
Color Blindness Simulator
Below, you can see how #551ba8 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.
