#551eb2 Color Information
In a RGB color space, hex #551eb2 is composed of 33.3% red, 11.8% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 52.2% cyan, 83.1% magenta, 0% yellow and 30.2% black. It has a hue angle of 262.3 degrees, a saturation of 71.2% and a lightness of 40.8%. #551eb2 color hex could be obtained by blending #aa3cff with #000065. Closest websafe color is: #663399.
-
- R 33
- G 12
- B 70
-
- C 52
- M 83
- Y 0
- K 30
● #551eb2 color description : Dark violet.
#551eb2 Color Conversion
The hexadecimal color #551eb2 has RGB values of R:85, G:30, B:178 and CMYK values of C:0.52, M:0.83, Y:0, K:0.3. Its decimal value is 5578418.
| Hex triplet | 551eb2 | #551eb2 |
|---|---|---|
| RGB Decimal | 85, 30, 178 | rgb(85,30,178) |
| RGB Percent | 33.3, 11.8, 69.8 | rgb(33.3%,11.8%,69.8%) |
| CMYK | 52, 83, 0, 30 | |
| HSL | 262.3°, 71.2, 40.8 | hsl(262.3,71.2%,40.8%) |
| HSV (or HSB) | 262.3°, 83.1, 69.8 | |
| Web Safe | 663399 | #663399 |
| CIE-LAB | 29.598, 55.984, -67.711 |
|---|---|
| XYZ | 12.245, 6.074, 42.644 |
| xyY | 0.201, 0.1, 6.074 |
| CIE-LCH | 29.598, 87.858, 309.584 |
| CIE-LUV | 29.598, 5.361, -89.262 |
| Hunter-Lab | 24.646, 45.558, -85.338 |
| Binary | 01010101, 00011110, 10110010 |
Color Schemes with #551eb2
Alternatives to #551eb2
Below, you can see some colors close to #551eb2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#551eb2 Preview
This text has a font color of #551eb2.
<span style="color:#551eb2;">Text here</span>
This paragraph has a background color of #551eb2.
<p style="background-color:#551eb2;">Content here</p>
This element has a border color of #551eb2.
<div style="border:1px solid #551eb2;">Content here</div>
.text {color:#551eb2;}
.background {background-color:#551eb2;}
.border {border:1px solid #551eb2;}
Shades and Tints of #551eb2
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, #05020a is the darkest color, while #faf8fe is the lightest one.
-
#05020a
#05020argb(5,2,10) -
#0d051b
#0d051brgb(13,5,27) -
#15072c
#15072crgb(21,7,44) -
#1d0a3c
#1d0a3crgb(29,10,60) -
#250d4d
#250d4drgb(37,13,77) -
#2d105e
#2d105ergb(45,16,94) -
#35136f
#35136frgb(53,19,111) -
#3d1680
#3d1680rgb(61,22,128) -
#451890
#451890rgb(69,24,144) -
#4d1ba1
#4d1ba1rgb(77,27,161) -
#551eb2
#551eb2rgb(85,30,178) -
#5d21c3
#5d21c3rgb(93,33,195) -
#6524d4
#6524d4rgb(101,36,212)
-
#6f2fdc
#6f2fdcrgb(111,47,220) -
#7b40df
#7b40dfrgb(123,64,223) -
#8650e2
#8650e2rgb(134,80,226) -
#9261e4
#9261e4rgb(146,97,228) -
#9e72e7
#9e72e7rgb(158,114,231) -
#a983ea
#a983eargb(169,131,234) -
#b594ed
#b594edrgb(181,148,237) -
#c0a4f0
#c0a4f0rgb(192,164,240) -
#ccb5f3
#ccb5f3rgb(204,181,243) -
#d8c6f5
#d8c6f5rgb(216,198,245) -
#e3d7f8
#e3d7f8rgb(227,215,248) -
#efe8fb
#efe8fbrgb(239,232,251) -
#faf8fe
#faf8fergb(250,248,254)
Tones of #551eb2
A tone is produced by adding gray to any pure hue. In this case, #67666a is the less saturated color, while #4f06ca is the most saturated one.
-
#67666a
#67666argb(103,102,106) -
#655e72
#655e72rgb(101,94,114) -
#63567a
#63567argb(99,86,122) -
#614e82
#614e82rgb(97,78,130) -
#5f468a
#5f468argb(95,70,138) -
#5d3e92
#5d3e92rgb(93,62,146) -
#5b369a
#5b369argb(91,54,154) -
#592ea2
#592ea2rgb(89,46,162) -
#5726aa
#5726aargb(87,38,170) -
#551eb2
#551eb2rgb(85,30,178) -
#5316ba
#5316bargb(83,22,186) -
#510ec2
#510ec2rgb(81,14,194) -
#4f06ca
#4f06cargb(79,6,202)
Color Blindness Simulator
Below, you can see how #551eb2 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.
