#553685 hex color

In a RGB color space, hex #553685 is composed of 33.3% red, 21.2% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 36.1% cyan, 59.4% magenta, 0% yellow and 47.8% black. It has a hue angle of 263.5 degrees, a saturation of 42.2% and a lightness of 36.7%. #553685 color hex could be obtained by blending #aa6cff with #00000b. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 33
- G 21
- B 52
RGB color chart
- C 36
- M 59
- Y 0
- K 48
CMYK color chart

● #553685 color description : Dark moderate violet.

The hexadecimal color #553685 has RGB values of R:85, G:54, B:133 and CMYK values of C:0.36, M:0.59, Y:0, K:0.48. Its decimal value is 5584517.

Hex triplet	553685	`#553685`
RGB Decimal	85, 54, 133	`rgb(85,54,133)`
RGB Percent	33.3, 21.2, 52.2	`rgb(33.3%,21.2%,52.2%)`
CMYK	36, 59, 0, 48
HSL	263.5°, 42.2, 36.7	`hsl(263.5,42.2%,36.7%)`
HSV (or HSB)	263.5°, 59.4, 52.2
Web Safe	663399	`#663399`

CIE-LAB	30.067, 31.824, -39.527
XYZ	9.298, 6.263, 22.908
xyY	0.242, 0.163, 6.263
CIE-LCH	30.067, 50.746, 308.839
CIE-LUV	30.067, 7.208, -54.939
Hunter-Lab	25.026, 22.525, -36.754
Binary	01010101, 00110110, 10000101

#553685
```
#553685 rgb(85,54,133)
```
#668536
```
#668536 rgb(102,133,54)
```

Complementary Color

#363f85
```
#363f85 rgb(54,63,133)
```
#553685
```
#553685 rgb(85,54,133)
```
#7d3685
```
#7d3685 rgb(125,54,133)
```

Analogous Color

#3f8536
```
#3f8536 rgb(63,133,54)
```
#553685
```
#553685 rgb(85,54,133)
```
#857d36
```
#857d36 rgb(133,125,54)
```

Split Complementary Color

#368555
```
#368555 rgb(54,133,85)
```
#553685
```
#553685 rgb(85,54,133)
```
#855536
```
#855536 rgb(133,85,54)
```

Triadic Color

#366685
```
#366685 rgb(54,102,133)
```
#553685
```
#553685 rgb(85,54,133)
```
#855536
```
#855536 rgb(133,85,54)
```
#668536
```
#668536 rgb(102,133,54)
```

Tetradic Color

#32204f
```
#32204f rgb(50,32,79)
```
#3e2761
```
#3e2761 rgb(62,39,97)
```
#492f73
```
#492f73 rgb(73,47,115)
```
#553685
```
#553685 rgb(85,54,133)
```
#613d97
```
#613d97 rgb(97,61,151)
```
#6c45a9
```
#6c45a9 rgb(108,69,169)
```
#7950b8
```
#7950b8 rgb(121,80,184)
```

Monochromatic Color

Below, you can see some colors close to #553685. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#413685
```
#413685 rgb(65,54,133)
```
#483685
```
#483685 rgb(72,54,133)
```
#4e3685
```
#4e3685 rgb(78,54,133)
```
#553685
```
#553685 rgb(85,54,133)
```
#5c3685
```
#5c3685 rgb(92,54,133)
```
#623685
```
#623685 rgb(98,54,133)
```
#693685
```
#693685 rgb(105,54,133)
```

Similar Colors

Text with hexadecimal color #553685

This text has a font color of #553685.

<span style="color:#553685;">Text here</span>

#553685 background color

This paragraph has a background color of #553685.

<p style="background-color:#553685;">Content here</p>

#553685 border color

This element has a border color of #553685.

<div style="border:1px solid #553685;">Content here</div>

CSS codes

.text {color:#553685;}

.background {background-color:#553685;}

.border {border:1px solid #553685;}

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, #050307 is the darkest color, while #faf8fc is the lightest one.

#050307
```
#050307 rgb(5,3,7)
```
#0e0915
```
#0e0915 rgb(14,9,21)
```
#170e23
```
#170e23 rgb(23,14,35)
```
#201431
```
#201431 rgb(32,20,49)
```
#281a3f
```
#281a3f rgb(40,26,63)
```
#311f4d
```
#311f4d rgb(49,31,77)
```
#3a255b
```
#3a255b rgb(58,37,91)
```
#432b69
```
#432b69 rgb(67,43,105)
```
#4c3077
```
#4c3077 rgb(76,48,119)
```
#553685
```
#553685 rgb(85,54,133)
```
#5e3c93
```
#5e3c93 rgb(94,60,147)
```
#6741a1
```
#6741a1 rgb(103,65,161)
```
#7047af
```
#7047af rgb(112,71,175)
```

Shade Color Variation

#7a51b8
```
#7a51b8 rgb(122,81,184)
```
#845fbe
```
#845fbe rgb(132,95,190)
```
#8f6dc4
```
#8f6dc4 rgb(143,109,196)
```
#9a7bc9
```
#9a7bc9 rgb(154,123,201)
```
#a489cf
```
#a489cf rgb(164,137,207)
```
#af97d5
```
#af97d5 rgb(175,151,213)
```
#baa5da
```
#baa5da rgb(186,165,218)
```
#c5b3e0
```
#c5b3e0 rgb(197,179,224)
```
#cfc1e6
```
#cfc1e6 rgb(207,193,230)
```
#dacfeb
```
#dacfeb rgb(218,207,235)
```
#e5ddf1
```
#e5ddf1 rgb(229,221,241)
```
#efebf7
```
#efebf7 rgb(239,235,247)
```
#faf8fc
```
#faf8fc rgb(250,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5d5a61 is the less saturated color, while #4a04b7 is the most saturated one.

#5d5a61
```
#5d5a61 rgb(93,90,97)
```
#5b5368
```
#5b5368 rgb(91,83,104)
```
#5a4c6f
```
#5a4c6f rgb(90,76,111)
```
#584477
```
#584477 rgb(88,68,119)
```
#573d7e
```
#573d7e rgb(87,61,126)
```
#553685
```
#553685 rgb(85,54,133)
```
#532f8c
```
#532f8c rgb(83,47,140)
```
#522893
```
#522893 rgb(82,40,147)
```
#50209b
```
#50209b rgb(80,32,155)
```
#4f19a2
```
#4f19a2 rgb(79,25,162)
```
#4d12a9
```
#4d12a9 rgb(77,18,169)
```
#4c0bb0
```
#4c0bb0 rgb(76,11,176)
```
#4a04b7
```
#4a04b7 rgb(74,4,183)
```

Tone Color Variation

Below, you can see how #553685 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.

Monochromacy

#484848 Achromatopsia 0.005% of the population
#4b4454 Atypical Achromatopsia 0.001% of the population

Dichromacy

#134d97 Protanopia 1% of men
#1e5185 Deuteranopia 1% of men
#504f55 Tritanopia 0.001% of the population

Trichromacy

#2b4590 Protanomaly 1% of men, 0.01% of women
#324785 Deuteranomaly 6% of men, 0.4% of women
#514666 Tritanomaly 0.01% of the population

#553685 hex color

#553685 Color Information

#553685 Color Conversion

Color Schemes with #553685

Alternatives to #553685

#553685 Preview

Shades and Tints of #553685

Tones of #553685

Color Blindness Simulator