#554877 Color Information
In a RGB color space, hex #554877 is composed of 33.3% red, 28.2% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 28.6% cyan, 39.5% magenta, 0% yellow and 53.3% black. It has a hue angle of 256.6 degrees, a saturation of 24.6% and a lightness of 37.5%. #554877 color hex could be obtained by blending #aa90ee with #000000. Closest websafe color is: #663366.
-
- R 33
- G 28
- B 47
-
- C 29
- M 39
- Y 0
- K 53
● #554877 color description : Mostly desaturated dark violet.
#554877 Color Conversion
The hexadecimal color #554877 has RGB values of R:85, G:72, B:119 and CMYK values of C:0.29, M:0.39, Y:0, K:0.53. Its decimal value is 5589111.
Hex triplet | 554877 | #554877 |
---|---|---|
RGB Decimal | 85, 72, 119 | rgb(85,72,119) |
RGB Percent | 33.3, 28.2, 46.7 | rgb(33.3%,28.2%,46.7%) |
CMYK | 29, 39, 0, 53 | |
HSL | 256.6°, 24.6, 37.5 | hsl(256.6,24.6%,37.5%) |
HSV (or HSB) | 256.6°, 39.5, 46.7 | |
Web Safe | 663366 | #663366 |
CIE-LAB | 33.769, 16.643, -24.927 |
---|---|
XYZ | 9.393, 7.898, 18.481 |
xyY | 0.263, 0.221, 7.898 |
CIE-LCH | 33.769, 29.972, 303.73 |
CIE-LUV | 33.769, 3.129, -35.367 |
Hunter-Lab | 28.103, 10.479, -19.318 |
Binary | 01010101, 01001000, 01110111 |
Color Schemes with #554877
Alternatives to #554877
Below, you can see some colors close to #554877. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#554877 Preview
This text has a font color of #554877.
<span style="color:#554877;">Text here</span>
This paragraph has a background color of #554877.
<p style="background-color:#554877;">Content here</p>
This element has a border color of #554877.
<div style="border:1px solid #554877;">Content here</div>
.text {color:#554877;}
.background {background-color:#554877;}
.border {border:1px solid #554877;}
Shades and Tints of #554877
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, #060509 is the darkest color, while #fcfcfd is the lightest one.
-
#060509
#060509
rgb(6,5,9)
-
#0f0d15
#0f0d15
rgb(15,13,21)
-
#181421
#181421
rgb(24,20,33)
-
#211c2e
#211c2e
rgb(33,28,46)
-
#29233a
#29233a
rgb(41,35,58)
-
#322a46
#322a46
rgb(50,42,70)
-
#3b3252
#3b3252
rgb(59,50,82)
-
#44395f
#44395f
rgb(68,57,95)
-
#4c416b
#4c416b
rgb(76,65,107)
-
#554877
#554877
rgb(85,72,119)
-
#5e4f83
#5e4f83
rgb(94,79,131)
-
#66578f
#66578f
rgb(102,87,143)
-
#6f5e9c
#6f5e9c
rgb(111,94,156)
-
#7a69a4
#7a69a4
rgb(122,105,164)
-
#8475ac
#8475ac
rgb(132,117,172)
-
#8f82b3
#8f82b3
rgb(143,130,179)
-
#9a8ebb
#9a8ebb
rgb(154,142,187)
-
#a59ac2
#a59ac2
rgb(165,154,194)
-
#b0a6c9
#b0a6c9
rgb(176,166,201)
-
#bbb2d1
#bbb2d1
rgb(187,178,209)
-
#c6bfd8
#c6bfd8
rgb(198,191,216)
-
#d1cbdf
#d1cbdf
rgb(209,203,223)
-
#dbd7e7
#dbd7e7
rgb(219,215,231)
-
#e6e3ee
#e6e3ee
rgb(230,227,238)
-
#f1f0f6
#f1f0f6
rgb(241,240,246)
-
#fcfcfd
#fcfcfd
rgb(252,252,253)
Tones of #554877
A tone is produced by adding gray to any pure hue. In this case, #5f5e61 is the less saturated color, while #3706b9 is the most saturated one.
-
#5f5e61
#5f5e61
rgb(95,94,97)
-
#5c5768
#5c5768
rgb(92,87,104)
-
#584f70
#584f70
rgb(88,79,112)
-
#554877
#554877
rgb(85,72,119)
-
#52417e
#52417e
rgb(82,65,126)
-
#4e3986
#4e3986
rgb(78,57,134)
-
#4b328d
#4b328d
rgb(75,50,141)
-
#482b94
#482b94
rgb(72,43,148)
-
#45239c
#45239c
rgb(69,35,156)
-
#411ca3
#411ca3
rgb(65,28,163)
-
#3e15aa
#3e15aa
rgb(62,21,170)
-
#3b0db2
#3b0db2
rgb(59,13,178)
-
#3706b9
#3706b9
rgb(55,6,185)
Color Blindness Simulator
Below, you can see how #554877 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.