#553f77 Color Information
In a RGB color space, hex #553f77 is composed of 33.3% red, 24.7% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 28.6% cyan, 47.1% magenta, 0% yellow and 53.3% black. It has a hue angle of 263.6 degrees, a saturation of 30.8% and a lightness of 35.7%. #553f77 color hex could be obtained by blending #aa7eee with #000000. Closest websafe color is: #663366.
-
- R 33
- G 25
- B 47
-
- C 29
- M 47
- Y 0
- K 53
● #553f77 color description : Dark moderate violet.
#553f77 Color Conversion
The hexadecimal color #553f77 has RGB values of R:85, G:63, B:119 and CMYK values of C:0.29, M:0.47, Y:0, K:0.53. Its decimal value is 5586807.
Hex triplet | 553f77 | #553f77 |
---|---|---|
RGB Decimal | 85, 63, 119 | rgb(85,63,119) |
RGB Percent | 33.3, 24.7, 46.7 | rgb(33.3%,24.7%,46.7%) |
CMYK | 29, 47, 0, 53 | |
HSL | 263.6°, 30.8, 35.7 | hsl(263.6,30.8%,35.7%) |
HSV (or HSB) | 263.6°, 47.1, 46.7 | |
Web Safe | 663366 | #663366 |
CIE-LAB | 31.39, 22.384, -28.669 |
---|---|
XYZ | 8.853, 6.818, 18.301 |
xyY | 0.261, 0.201, 6.818 |
CIE-LCH | 31.39, 36.373, 307.982 |
CIE-LUV | 31.39, 6.303, -40.293 |
Hunter-Lab | 26.112, 14.824, -23.277 |
Binary | 01010101, 00111111, 01110111 |
Color Schemes with #553f77
Alternatives to #553f77
Below, you can see some colors close to #553f77. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#553f77 Preview
This text has a font color of #553f77.
<span style="color:#553f77;">Text here</span>
This paragraph has a background color of #553f77.
<p style="background-color:#553f77;">Content here</p>
This element has a border color of #553f77.
<div style="border:1px solid #553f77;">Content here</div>
.text {color:#553f77;}
.background {background-color:#553f77;}
.border {border:1px solid #553f77;}
Shades and Tints of #553f77
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, #030204 is the darkest color, while #f7f6fa is the lightest one.
-
#030204
#030204
rgb(3,2,4)
-
#0c0910
#0c0910
rgb(12,9,16)
-
#150f1d
#150f1d
rgb(21,15,29)
-
#1e162a
#1e162a
rgb(30,22,42)
-
#271d37
#271d37
rgb(39,29,55)
-
#302444
#302444
rgb(48,36,68)
-
#3a2b51
#3a2b51
rgb(58,43,81)
-
#43315d
#43315d
rgb(67,49,93)
-
#4c386a
#4c386a
rgb(76,56,106)
-
#553f77
#553f77
rgb(85,63,119)
-
#5e4684
#5e4684
rgb(94,70,132)
-
#674d91
#674d91
rgb(103,77,145)
-
#70539d
#70539d
rgb(112,83,157)
-
#7a5ca9
#7a5ca9
rgb(122,92,169)
-
#8469af
#8469af
rgb(132,105,175)
-
#8f75b6
#8f75b6
rgb(143,117,182)
-
#9982bd
#9982bd
rgb(153,130,189)
-
#a48fc4
#a48fc4
rgb(164,143,196)
-
#ae9ccb
#ae9ccb
rgb(174,156,203)
-
#b9a9d1
#b9a9d1
rgb(185,169,209)
-
#c3b6d8
#c3b6d8
rgb(195,182,216)
-
#cec2df
#cec2df
rgb(206,194,223)
-
#d8cfe6
#d8cfe6
rgb(216,207,230)
-
#e3dced
#e3dced
rgb(227,220,237)
-
#ede9f3
#ede9f3
rgb(237,233,243)
-
#f7f6fa
#f7f6fa
rgb(247,246,250)
Tones of #553f77
A tone is produced by adding gray to any pure hue. In this case, #5a5462 is the less saturated color, while #4800b6 is the most saturated one.
-
#5a5462
#5a5462
rgb(90,84,98)
-
#584d69
#584d69
rgb(88,77,105)
-
#574670
#574670
rgb(87,70,112)
-
#553f77
#553f77
rgb(85,63,119)
-
#54387e
#54387e
rgb(84,56,126)
-
#523185
#523185
rgb(82,49,133)
-
#512a8c
#512a8c
rgb(81,42,140)
-
#4f2393
#4f2393
rgb(79,35,147)
-
#4e1c9a
#4e1c9a
rgb(78,28,154)
-
#4c15a1
#4c15a1
rgb(76,21,161)
-
#4b0ea8
#4b0ea8
rgb(75,14,168)
-
#4907af
#4907af
rgb(73,7,175)
-
#4800b6
#4800b6
rgb(72,0,182)
Color Blindness Simulator
Below, you can see how #553f77 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.