#554677 Color Information
In a RGB color space, hex #554677 is composed of 33.3% red, 27.5% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 28.6% cyan, 41.2% magenta, 0% yellow and 53.3% black. It has a hue angle of 258.4 degrees, a saturation of 25.9% and a lightness of 37.1%. #554677 color hex could be obtained by blending #aa8cee with #000000. Closest websafe color is: #663366.
-
- R 33
- G 27
- B 47
-
- C 29
- M 41
- Y 0
- K 53
● #554677 color description : Mostly desaturated dark violet.
#554677 Color Conversion
The hexadecimal color #554677 has RGB values of R:85, G:70, B:119 and CMYK values of C:0.29, M:0.41, Y:0, K:0.53. Its decimal value is 5588599.
Hex triplet | 554677 | #554677 |
---|---|---|
RGB Decimal | 85, 70, 119 | rgb(85,70,119) |
RGB Percent | 33.3, 27.5, 46.7 | rgb(33.3%,27.5%,46.7%) |
CMYK | 29, 41, 0, 53 | |
HSL | 258.4°, 25.9, 37.1 | hsl(258.4,25.9%,37.1%) |
HSV (or HSB) | 258.4°, 41.2, 46.7 | |
Web Safe | 663366 | #663366 |
CIE-LAB | 33.229, 17.923, -25.773 |
---|---|
XYZ | 9.266, 7.644, 18.439 |
xyY | 0.262, 0.216, 7.644 |
CIE-LCH | 33.229, 31.392, 304.815 |
CIE-LUV | 33.229, 3.863, -36.515 |
Hunter-Lab | 27.647, 11.441, -20.19 |
Binary | 01010101, 01000110, 01110111 |
Color Schemes with #554677
Alternatives to #554677
Below, you can see some colors close to #554677. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#554677 Preview
This text has a font color of #554677.
<span style="color:#554677;">Text here</span>
This paragraph has a background color of #554677.
<p style="background-color:#554677;">Content here</p>
This element has a border color of #554677.
<div style="border:1px solid #554677;">Content here</div>
.text {color:#554677;}
.background {background-color:#554677;}
.border {border:1px solid #554677;}
Shades and Tints of #554677
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, #060508 is the darkest color, while #fbfafc is the lightest one.
-
#060508
#060508
rgb(6,5,8)
-
#0e0c14
#0e0c14
rgb(14,12,20)
-
#171321
#171321
rgb(23,19,33)
-
#201a2d
#201a2d
rgb(32,26,45)
-
#292239
#292239
rgb(41,34,57)
-
#322946
#322946
rgb(50,41,70)
-
#3b3052
#3b3052
rgb(59,48,82)
-
#43375e
#43375e
rgb(67,55,94)
-
#4c3f6b
#4c3f6b
rgb(76,63,107)
-
#554677
#554677
rgb(85,70,119)
-
#5e4d83
#5e4d83
rgb(94,77,131)
-
#675590
#675590
rgb(103,85,144)
-
#6f5c9c
#6f5c9c
rgb(111,92,156)
-
#7a66a5
#7a66a5
rgb(122,102,165)
-
#8473ac
#8473ac
rgb(132,115,172)
-
#8f7fb4
#8f7fb4
rgb(143,127,180)
-
#9a8bbb
#9a8bbb
rgb(154,139,187)
-
#a598c2
#a598c2
rgb(165,152,194)
-
#b0a4c9
#b0a4c9
rgb(176,164,201)
-
#bab0d1
#bab0d1
rgb(186,176,209)
-
#c5bdd8
#c5bdd8
rgb(197,189,216)
-
#d0c9df
#d0c9df
rgb(208,201,223)
-
#dbd5e7
#dbd5e7
rgb(219,213,231)
-
#e5e2ee
#e5e2ee
rgb(229,226,238)
-
#f0eef5
#f0eef5
rgb(240,238,245)
-
#fbfafc
#fbfafc
rgb(251,250,252)
Tones of #554677
A tone is produced by adding gray to any pure hue. In this case, #5d5c61 is the less saturated color, while #3c05b8 is the most saturated one.
-
#5d5c61
#5d5c61
rgb(93,92,97)
-
#5b5568
#5b5568
rgb(91,85,104)
-
#584d70
#584d70
rgb(88,77,112)
-
#554677
#554677
rgb(85,70,119)
-
#523f7e
#523f7e
rgb(82,63,126)
-
#4f3786
#4f3786
rgb(79,55,134)
-
#4d308d
#4d308d
rgb(77,48,141)
-
#4a2994
#4a2994
rgb(74,41,148)
-
#47229b
#47229b
rgb(71,34,155)
-
#441aa3
#441aa3
rgb(68,26,163)
-
#4113aa
#4113aa
rgb(65,19,170)
-
#3e0cb1
#3e0cb1
rgb(62,12,177)
-
#3c05b8
#3c05b8
rgb(60,5,184)
Color Blindness Simulator
Below, you can see how #554677 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.