#553688 Color Information
In a RGB color space, hex #553688 is composed of 33.3% red, 21.2% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 37.5% cyan, 60.3% magenta, 0% yellow and 46.7% black. It has a hue angle of 262.7 degrees, a saturation of 43.2% and a lightness of 37.3%. #553688 color hex could be obtained by blending #aa6cff with #000011. Closest websafe color is: #663399.
-
- R 33
- G 21
- B 53
-
- C 38
- M 60
- Y 0
- K 47
● #553688 color description : Dark moderate violet.
#553688 Color Conversion
The hexadecimal color #553688 has RGB values of R:85, G:54, B:136 and CMYK values of C:0.38, M:0.6, Y:0, K:0.47. Its decimal value is 5584520.
Hex triplet | 553688 | #553688 |
---|---|---|
RGB Decimal | 85, 54, 136 | rgb(85,54,136) |
RGB Percent | 33.3, 21.2, 53.3 | rgb(33.3%,21.2%,53.3%) |
CMYK | 38, 60, 0, 47 | |
HSL | 262.7°, 43.2, 37.3 | hsl(262.7,43.2%,37.3%) |
HSV (or HSB) | 262.7°, 60.3, 53.3 | |
Web Safe | 663399 | #663399 |
CIE-LAB | 30.272, 32.663, -41.059 |
---|---|
XYZ | 9.509, 6.347, 24.015 |
xyY | 0.238, 0.159, 6.347 |
CIE-LCH | 30.272, 52.467, 308.503 |
CIE-LUV | 30.272, 6.821, -57.127 |
Hunter-Lab | 25.194, 23.281, -38.882 |
Binary | 01010101, 00110110, 10001000 |
Color Schemes with #553688
Alternatives to #553688
Below, you can see some colors close to #553688. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#553688 Preview
This text has a font color of #553688.
<span style="color:#553688;">Text here</span>
This paragraph has a background color of #553688.
<p style="background-color:#553688;">Content here</p>
This element has a border color of #553688.
<div style="border:1px solid #553688;">Content here</div>
.text {color:#553688;}
.background {background-color:#553688;}
.border {border:1px solid #553688;}
Shades and Tints of #553688
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, #06040a is the darkest color, while #fcfbfd is the lightest one.
-
#06040a
#06040a
rgb(6,4,10)
-
#0f0918
#0f0918
rgb(15,9,24)
-
#180f26
#180f26
rgb(24,15,38)
-
#201534
#201534
rgb(32,21,52)
-
#291a42
#291a42
rgb(41,26,66)
-
#322050
#322050
rgb(50,32,80)
-
#3b255e
#3b255e
rgb(59,37,94)
-
#432b6c
#432b6c
rgb(67,43,108)
-
#4c307a
#4c307a
rgb(76,48,122)
-
#553688
#553688
rgb(85,54,136)
-
#5e3c96
#5e3c96
rgb(94,60,150)
-
#6741a4
#6741a4
rgb(103,65,164)
-
#6f47b2
#6f47b2
rgb(111,71,178)
-
#7a52ba
#7a52ba
rgb(122,82,186)
-
#8460c0
#8460c0
rgb(132,96,192)
-
#8f6ec6
#8f6ec6
rgb(143,110,198)
-
#9a7ccb
#9a7ccb
rgb(154,124,203)
-
#a58ad1
#a58ad1
rgb(165,138,209)
-
#b098d6
#b098d6
rgb(176,152,214)
-
#bba6dc
#bba6dc
rgb(187,166,220)
-
#c5b4e1
#c5b4e1
rgb(197,180,225)
-
#d0c2e7
#d0c2e7
rgb(208,194,231)
-
#dbd0ed
#dbd0ed
rgb(219,208,237)
-
#e6dff2
#e6dff2
rgb(230,223,242)
-
#f1edf8
#f1edf8
rgb(241,237,248)
-
#fcfbfd
#fcfbfd
rgb(252,251,253)
Tones of #553688
A tone is produced by adding gray to any pure hue. In this case, #5e5b63 is the less saturated color, while #4903bb is the most saturated one.
-
#5e5b63
#5e5b63
rgb(94,91,99)
-
#5c536b
#5c536b
rgb(92,83,107)
-
#5a4c72
#5a4c72
rgb(90,76,114)
-
#594579
#594579
rgb(89,69,121)
-
#573d81
#573d81
rgb(87,61,129)
-
#553688
#553688
rgb(85,54,136)
-
#532f8f
#532f8f
rgb(83,47,143)
-
#512797
#512797
rgb(81,39,151)
-
#50209e
#50209e
rgb(80,32,158)
-
#4e19a5
#4e19a5
rgb(78,25,165)
-
#4c11ad
#4c11ad
rgb(76,17,173)
-
#4a0ab4
#4a0ab4
rgb(74,10,180)
-
#4903bb
#4903bb
rgb(73,3,187)
Color Blindness Simulator
Below, you can see how #553688 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.