#553686 Color Information
In a RGB color space, hex #553686 is composed of 33.3% red, 21.2% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 36.6% cyan, 59.7% magenta, 0% yellow and 47.5% black. It has a hue angle of 263.3 degrees, a saturation of 42.6% and a lightness of 36.9%. #553686 color hex could be obtained by blending #aa6cff with #00000d. Closest websafe color is: #663399.
-
- R 33
- G 21
- B 53
-
- C 37
- M 60
- Y 0
- K 47
● #553686 color description : Dark moderate violet.
#553686 Color Conversion
The hexadecimal color #553686 has RGB values of R:85, G:54, B:134 and CMYK values of C:0.37, M:0.6, Y:0, K:0.47. Its decimal value is 5584518.
Hex triplet | 553686 | #553686 |
---|---|---|
RGB Decimal | 85, 54, 134 | rgb(85,54,134) |
RGB Percent | 33.3, 21.2, 52.5 | rgb(33.3%,21.2%,52.5%) |
CMYK | 37, 60, 0, 47 | |
HSL | 263.3°, 42.6, 36.9 | hsl(263.3,42.6%,36.9%) |
HSV (or HSB) | 263.3°, 59.7, 52.5 | |
Web Safe | 663399 | #663399 |
CIE-LAB | 30.135, 32.103, -40.039 |
---|---|
XYZ | 9.368, 6.291, 23.274 |
xyY | 0.241, 0.162, 6.291 |
CIE-LCH | 30.135, 51.32, 308.723 |
CIE-LUV | 30.135, 7.078, -55.67 |
Hunter-Lab | 25.082, 22.776, -37.459 |
Binary | 01010101, 00110110, 10000110 |
Color Schemes with #553686
Alternatives to #553686
Below, you can see some colors close to #553686. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#553686 Preview
This text has a font color of #553686.
<span style="color:#553686;">Text here</span>
This paragraph has a background color of #553686.
<p style="background-color:#553686;">Content here</p>
This element has a border color of #553686.
<div style="border:1px solid #553686;">Content here</div>
.text {color:#553686;}
.background {background-color:#553686;}
.border {border:1px solid #553686;}
Shades and Tints of #553686
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, #050308 is the darkest color, while #fbf9fd is the lightest one.
-
#050308
#050308
rgb(5,3,8)
-
#0e0916
#0e0916
rgb(14,9,22)
-
#170f24
#170f24
rgb(23,15,36)
-
#201432
#201432
rgb(32,20,50)
-
#291a40
#291a40
rgb(41,26,64)
-
#321f4e
#321f4e
rgb(50,31,78)
-
#3a255c
#3a255c
rgb(58,37,92)
-
#432b6a
#432b6a
rgb(67,43,106)
-
#4c3078
#4c3078
rgb(76,48,120)
-
#553686
#553686
rgb(85,54,134)
-
#5e3c94
#5e3c94
rgb(94,60,148)
-
#6741a2
#6741a2
rgb(103,65,162)
-
#7047b0
#7047b0
rgb(112,71,176)
-
#7a51b9
#7a51b9
rgb(122,81,185)
-
#845fbf
#845fbf
rgb(132,95,191)
-
#8f6dc4
#8f6dc4
rgb(143,109,196)
-
#9a7bca
#9a7bca
rgb(154,123,202)
-
#a589d0
#a589d0
rgb(165,137,208)
-
#af97d5
#af97d5
rgb(175,151,213)
-
#baa5db
#baa5db
rgb(186,165,219)
-
#c5b3e0
#c5b3e0
rgb(197,179,224)
-
#d0c1e6
#d0c1e6
rgb(208,193,230)
-
#dacfec
#dacfec
rgb(218,207,236)
-
#e5ddf1
#e5ddf1
rgb(229,221,241)
-
#f0ebf7
#f0ebf7
rgb(240,235,247)
-
#fbf9fd
#fbf9fd
rgb(251,249,253)
Tones of #553686
A tone is produced by adding gray to any pure hue. In this case, #5d5a62 is the less saturated color, while #4a03b9 is the most saturated one.
-
#5d5a62
#5d5a62
rgb(93,90,98)
-
#5c5369
#5c5369
rgb(92,83,105)
-
#5a4c70
#5a4c70
rgb(90,76,112)
-
#584478
#584478
rgb(88,68,120)
-
#573d7f
#573d7f
rgb(87,61,127)
-
#553686
#553686
rgb(85,54,134)
-
#532f8d
#532f8d
rgb(83,47,141)
-
#522894
#522894
rgb(82,40,148)
-
#50209c
#50209c
rgb(80,32,156)
-
#4e19a3
#4e19a3
rgb(78,25,163)
-
#4d12aa
#4d12aa
rgb(77,18,170)
-
#4b0bb1
#4b0bb1
rgb(75,11,177)
-
#4a03b9
#4a03b9
rgb(74,3,185)
Color Blindness Simulator
Below, you can see how #553686 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.