#553766 Color Information
In a RGB color space, hex #553766 is composed of 33.3% red, 21.6% green and 40% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 46.1% magenta, 0% yellow and 60% black. It has a hue angle of 278.3 degrees, a saturation of 29.9% and a lightness of 30.8%. #553766 color hex could be obtained by blending #aa6ecc with #000000. Closest websafe color is: #663366.
-
- R 33
- G 22
- B 40
-
- C 17
- M 46
- Y 0
- K 60
● #553766 color description : Very dark desaturated violet.
#553766 Color Conversion
The hexadecimal color #553766 has RGB values of R:85, G:55, B:102 and CMYK values of C:0.17, M:0.46, Y:0, K:0.6. Its decimal value is 5584742.
Hex triplet | 553766 | #553766 |
---|---|---|
RGB Decimal | 85, 55, 102 | rgb(85,55,102) |
RGB Percent | 33.3, 21.6, 40 | rgb(33.3%,21.6%,40%) |
CMYK | 17, 46, 0, 60 | |
HSL | 278.3°, 29.9, 30.8 | hsl(278.3,29.9%,30.8%) |
HSV (or HSB) | 278.3°, 46.1, 40 | |
Web Safe | 663366 | #663366 |
CIE-LAB | 28.441, 23.002, -22.51 |
---|---|
XYZ | 7.51, 5.623, 13.259 |
xyY | 0.285, 0.213, 5.623 |
CIE-LCH | 28.441, 32.184, 315.619 |
CIE-LUV | 28.441, 11.232, -31.013 |
Hunter-Lab | 23.713, 15.037, -16.553 |
Binary | 01010101, 00110111, 01100110 |
Color Schemes with #553766
Alternatives to #553766
Below, you can see some colors close to #553766. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#553766 Preview
This text has a font color of #553766.
<span style="color:#553766;">Text here</span>
This paragraph has a background color of #553766.
<p style="background-color:#553766;">Content here</p>
This element has a border color of #553766.
<div style="border:1px solid #553766;">Content here</div>
.text {color:#553766;}
.background {background-color:#553766;}
.border {border:1px solid #553766;}
Shades and Tints of #553766
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, #000000 is the darkest color, while #f6f2f8 is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#0b070d
#0b070d
rgb(11,7,13)
-
#150e1a
#150e1a
rgb(21,14,26)
-
#201526
#201526
rgb(32,21,38)
-
#2b1c33
#2b1c33
rgb(43,28,51)
-
#352240
#352240
rgb(53,34,64)
-
#40294d
#40294d
rgb(64,41,77)
-
#4a3059
#4a3059
rgb(74,48,89)
-
#553766
#553766
rgb(85,55,102)
-
#603e73
#603e73
rgb(96,62,115)
-
#6a457f
#6a457f
rgb(106,69,127)
-
#754c8c
#754c8c
rgb(117,76,140)
-
#7f5299
#7f5299
rgb(127,82,153)
-
#8a59a6
#8a59a6
rgb(138,89,166)
-
#9366ad
#9366ad
rgb(147,102,173)
-
#9c73b3
#9c73b3
rgb(156,115,179)
-
#a580ba
#a580ba
rgb(165,128,186)
-
#ae8cc1
#ae8cc1
rgb(174,140,193)
-
#b799c8
#b799c8
rgb(183,153,200)
-
#c0a6cf
#c0a6cf
rgb(192,166,207)
-
#c9b3d6
#c9b3d6
rgb(201,179,214)
-
#d2bfdd
#d2bfdd
rgb(210,191,221)
-
#dbcce4
#dbcce4
rgb(219,204,228)
-
#e4d9ea
#e4d9ea
rgb(228,217,234)
-
#ede6f1
#ede6f1
rgb(237,230,241)
-
#f6f2f8
#f6f2f8
rgb(246,242,248)
Tones of #553766
A tone is produced by adding gray to any pure hue. In this case, #504954 is the less saturated color, while #64019c is the most saturated one.
-
#504954
#504954
rgb(80,73,84)
-
#52435a
#52435a
rgb(82,67,90)
-
#533d60
#533d60
rgb(83,61,96)
-
#553766
#553766
rgb(85,55,102)
-
#57316c
#57316c
rgb(87,49,108)
-
#582b72
#582b72
rgb(88,43,114)
-
#5a2578
#5a2578
rgb(90,37,120)
-
#5c1f7e
#5c1f7e
rgb(92,31,126)
-
#5d1984
#5d1984
rgb(93,25,132)
-
#5f138a
#5f138a
rgb(95,19,138)
-
#610d90
#610d90
rgb(97,13,144)
-
#620796
#620796
rgb(98,7,150)
-
#64019c
#64019c
rgb(100,1,156)
Color Blindness Simulator
Below, you can see how #553766 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.