#553f84 Color Information
In a RGB color space, hex #553f84 is composed of 33.3% red, 24.7% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 35.6% cyan, 52.3% magenta, 0% yellow and 48.2% black. It has a hue angle of 259.1 degrees, a saturation of 35.4% and a lightness of 38.2%. #553f84 color hex could be obtained by blending #aa7eff with #000009. Closest websafe color is: #663399.
-
- R 33
- G 25
- B 52
-
- C 36
- M 52
- Y 0
- K 48
● #553f84 color description : Dark moderate violet.
#553f84 Color Conversion
The hexadecimal color #553f84 has RGB values of R:85, G:63, B:132 and CMYK values of C:0.36, M:0.52, Y:0, K:0.48. Its decimal value is 5586820.
Hex triplet | 553f84 | #553f84 |
---|---|---|
RGB Decimal | 85, 63, 132 | rgb(85,63,132) |
RGB Percent | 33.3, 24.7, 51.8 | rgb(33.3%,24.7%,51.8%) |
CMYK | 36, 52, 0, 48 | |
HSL | 259.1°, 35.4, 38.2 | hsl(259.1,35.4%,38.2%) |
HSV (or HSB) | 259.1°, 52.3, 51.8 | |
Web Safe | 663399 | #663399 |
CIE-LAB | 32.151, 26.014, -35.57 |
---|---|
XYZ | 9.688, 7.152, 22.699 |
xyY | 0.245, 0.181, 7.152 |
CIE-LCH | 32.151, 44.068, 306.18 |
CIE-LUV | 32.151, 4.829, -50.371 |
Hunter-Lab | 26.744, 17.861, -31.602 |
Binary | 01010101, 00111111, 10000100 |
Color Schemes with #553f84
Alternatives to #553f84
Below, you can see some colors close to #553f84. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#553f84 Preview
This text has a font color of #553f84.
<span style="color:#553f84;">Text here</span>
This paragraph has a background color of #553f84.
<p style="background-color:#553f84;">Content here</p>
This element has a border color of #553f84.
<div style="border:1px solid #553f84;">Content here</div>
.text {color:#553f84;}
.background {background-color:#553f84;}
.border {border:1px solid #553f84;}
Shades and Tints of #553f84
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, #08060c is the darkest color, while #fefeff is the lightest one.
-
#08060c
#08060c
rgb(8,6,12)
-
#110c1a
#110c1a
rgb(17,12,26)
-
#191327
#191327
rgb(25,19,39)
-
#221934
#221934
rgb(34,25,52)
-
#2a1f42
#2a1f42
rgb(42,31,66)
-
#33264f
#33264f
rgb(51,38,79)
-
#3b2c5c
#3b2c5c
rgb(59,44,92)
-
#443269
#443269
rgb(68,50,105)
-
#4c3977
#4c3977
rgb(76,57,119)
-
#553f84
#553f84
rgb(85,63,132)
-
#5e4591
#5e4591
rgb(94,69,145)
-
#664c9f
#664c9f
rgb(102,76,159)
-
#6f52ac
#6f52ac
rgb(111,82,172)
-
#7a5fb3
#7a5fb3
rgb(122,95,179)
-
#856cb9
#856cb9
rgb(133,108,185)
-
#9079bf
#9079bf
rgb(144,121,191)
-
#9b87c6
#9b87c6
rgb(155,135,198)
-
#a694cc
#a694cc
rgb(166,148,204)
-
#b1a1d2
#b1a1d2
rgb(177,161,210)
-
#bcafd9
#bcafd9
rgb(188,175,217)
-
#c7bcdf
#c7bcdf
rgb(199,188,223)
-
#d2c9e5
#d2c9e5
rgb(210,201,229)
-
#ddd6ec
#ddd6ec
rgb(221,214,236)
-
#e8e4f2
#e8e4f2
rgb(232,228,242)
-
#f3f1f8
#f3f1f8
rgb(243,241,248)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #553f84
A tone is produced by adding gray to any pure hue. In this case, #605d66 is the less saturated color, while #3f03c0 is the most saturated one.
-
#605d66
#605d66
rgb(96,93,102)
-
#5d566e
#5d566e
rgb(93,86,110)
-
#5a4e75
#5a4e75
rgb(90,78,117)
-
#58477d
#58477d
rgb(88,71,125)
-
#553f84
#553f84
rgb(85,63,132)
-
#52388c
#52388c
rgb(82,56,140)
-
#503093
#503093
rgb(80,48,147)
-
#4d299b
#4d299b
rgb(77,41,155)
-
#4a21a2
#4a21a2
rgb(74,33,162)
-
#471aaa
#471aaa
rgb(71,26,170)
-
#4512b1
#4512b1
rgb(69,18,177)
-
#420bb9
#420bb9
rgb(66,11,185)
-
#3f03c0
#3f03c0
rgb(63,3,192)
Color Blindness Simulator
Below, you can see how #553f84 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.