#551877 Color Information
In a RGB color space, hex #551877 is composed of 33.3% red, 9.4% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 28.6% cyan, 79.8% magenta, 0% yellow and 53.3% black. It has a hue angle of 278.5 degrees, a saturation of 66.4% and a lightness of 28%. #551877 color hex could be obtained by blending #aa30ee with #000000. Closest websafe color is: #660066.
-
- R 33
- G 9
- B 47
-
- C 29
- M 80
- Y 0
- K 53
● #551877 color description : Dark violet.
#551877 Color Conversion
The hexadecimal color #551877 has RGB values of R:85, G:24, B:119 and CMYK values of C:0.29, M:0.8, Y:0, K:0.53. Its decimal value is 5576823.
Hex triplet | 551877 | #551877 |
---|---|---|
RGB Decimal | 85, 24, 119 | rgb(85,24,119) |
RGB Percent | 33.3, 9.4, 46.7 | rgb(33.3%,9.4%,46.7%) |
CMYK | 29, 80, 0, 53 | |
HSL | 278.5°, 66.4, 28 | hsl(278.5,66.4%,28%) |
HSV (or HSB) | 278.5°, 79.8, 46.7 | |
Web Safe | 660066 | #660066 |
CIE-LAB | 23.394, 43.721, -41.474 |
---|---|
XYZ | 7.402, 3.917, 17.818 |
xyY | 0.254, 0.134, 3.917 |
CIE-LCH | 23.394, 60.263, 316.511 |
CIE-LUV | 23.394, 15.12, -52.801 |
Hunter-Lab | 19.791, 32.131, -39.526 |
Binary | 01010101, 00011000, 01110111 |
Color Schemes with #551877
Alternatives to #551877
Below, you can see some colors close to #551877. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#551877 Preview
This text has a font color of #551877.
<span style="color:#551877;">Text here</span>
This paragraph has a background color of #551877.
<p style="background-color:#551877;">Content here</p>
This element has a border color of #551877.
<div style="border:1px solid #551877;">Content here</div>
.text {color:#551877;}
.background {background-color:#551877;}
.border {border:1px solid #551877;}
Shades and Tints of #551877
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, #030105 is the darkest color, while #f9f3fd is the lightest one.
-
#030105
#030105
rgb(3,1,5)
-
#0f0415
#0f0415
rgb(15,4,21)
-
#1b0825
#1b0825
rgb(27,8,37)
-
#260b36
#260b36
rgb(38,11,54)
-
#320e46
#320e46
rgb(50,14,70)
-
#3e1156
#3e1156
rgb(62,17,86)
-
#491567
#491567
rgb(73,21,103)
-
#551877
#551877
rgb(85,24,119)
-
#611b87
#611b87
rgb(97,27,135)
-
#6c1f98
#6c1f98
rgb(108,31,152)
-
#7822a8
#7822a8
rgb(120,34,168)
-
#8425b8
#8425b8
rgb(132,37,184)
-
#8f28c9
#8f28c9
rgb(143,40,201)
-
#9a30d5
#9a30d5
rgb(154,48,213)
-
#a240d8
#a240d8
rgb(162,64,216)
-
#aa50dc
#aa50dc
rgb(170,80,220)
-
#b261df
#b261df
rgb(178,97,223)
-
#ba71e2
#ba71e2
rgb(186,113,226)
-
#c281e6
#c281e6
rgb(194,129,230)
-
#ca91e9
#ca91e9
rgb(202,145,233)
-
#d2a2ec
#d2a2ec
rgb(210,162,236)
-
#dab2ef
#dab2ef
rgb(218,178,239)
-
#e1c2f3
#e1c2f3
rgb(225,194,243)
-
#e9d3f6
#e9d3f6
rgb(233,211,246)
-
#f1e3f9
#f1e3f9
rgb(241,227,249)
-
#f9f3fd
#f9f3fd
rgb(249,243,253)
Tones of #551877
A tone is produced by adding gray to any pure hue. In this case, #48444b is the less saturated color, while #5b028d is the most saturated one.
-
#48444b
#48444b
rgb(72,68,75)
-
#4a3f51
#4a3f51
rgb(74,63,81)
-
#4c3956
#4c3956
rgb(76,57,86)
-
#4d345c
#4d345c
rgb(77,52,92)
-
#4f2e61
#4f2e61
rgb(79,46,97)
-
#502967
#502967
rgb(80,41,103)
-
#52236c
#52236c
rgb(82,35,108)
-
#531e72
#531e72
rgb(83,30,114)
-
#551877
#551877
rgb(85,24,119)
-
#57137d
#57137d
rgb(87,19,125)
-
#580d82
#580d82
rgb(88,13,130)
-
#5a0888
#5a0888
rgb(90,8,136)
-
#5b028d
#5b028d
rgb(91,2,141)
Color Blindness Simulator
Below, you can see how #551877 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.