#553e78 hex color

In a RGB color space, hex #553e78 is composed of 33.3% red, 24.3% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 29.2% cyan, 48.3% magenta, 0% yellow and 52.9% black. It has a hue angle of 263.8 degrees, a saturation of 31.9% and a lightness of 35.7%. #553e78 color hex could be obtained by blending #aa7cf0 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 33
- G 24
- B 47
RGB color chart
- C 29
- M 48
- Y 0
- K 53
CMYK color chart

● #553e78 color description : Dark moderate violet.

The hexadecimal color #553e78 has RGB values of R:85, G:62, B:120 and CMYK values of C:0.29, M:0.48, Y:0, K:0.53. Its decimal value is 5586552.

Hex triplet	553e78	`#553e78`
RGB Decimal	85, 62, 120	`rgb(85,62,120)`
RGB Percent	33.3, 24.3, 47.1	`rgb(33.3%,24.3%,47.1%)`
CMYK	29, 48, 0, 53
HSL	263.8°, 31.9, 35.7	`hsl(263.8,31.9%,35.7%)`
HSV (or HSB)	263.8°, 48.3, 47.1
Web Safe	663366	`#663366`

CIE-LAB	31.19, 23.29, -29.612
XYZ	8.859, 6.733, 18.601
xyY	0.259, 0.197, 6.733
CIE-LCH	31.19, 37.673, 308.185
CIE-LUV	31.19, 6.515, -41.58
Hunter-Lab	25.947, 15.533, -24.341
Binary	01010101, 00111110, 01111000

#553e78
```
#553e78 rgb(85,62,120)
```
#61783e
```
#61783e rgb(97,120,62)
```

Complementary Color

#3e4478
```
#3e4478 rgb(62,68,120)
```
#553e78
```
#553e78 rgb(85,62,120)
```
#723e78
```
#723e78 rgb(114,62,120)
```

Analogous Color

#44783e
```
#44783e rgb(68,120,62)
```
#553e78
```
#553e78 rgb(85,62,120)
```
#78723e
```
#78723e rgb(120,114,62)
```

Split Complementary Color

#3e7855
```
#3e7855 rgb(62,120,85)
```
#553e78
```
#553e78 rgb(85,62,120)
```
#78553e
```
#78553e rgb(120,85,62)
```

Triadic Color

#3e6178
```
#3e6178 rgb(62,97,120)
```
#553e78
```
#553e78 rgb(85,62,120)
```
#78553e
```
#78553e rgb(120,85,62)
```
#61783e
```
#61783e rgb(97,120,62)
```

Tetradic Color

#312446
```
#312446 rgb(49,36,70)
```
#3d2d56
```
#3d2d56 rgb(61,45,86)
```
#493567
```
#493567 rgb(73,53,103)
```
#553e78
```
#553e78 rgb(85,62,120)
```
#614789
```
#614789 rgb(97,71,137)
```
#6d4f9a
```
#6d4f9a rgb(109,79,154)
```
#7959a9
```
#7959a9 rgb(121,89,169)
```

Monochromatic Color

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

#473e78
```
#473e78 rgb(71,62,120)
```
#4b3e78
```
#4b3e78 rgb(75,62,120)
```
#503e78
```
#503e78 rgb(80,62,120)
```
#553e78
```
#553e78 rgb(85,62,120)
```
#5a3e78
```
#5a3e78 rgb(90,62,120)
```
#5f3e78
```
#5f3e78 rgb(95,62,120)
```
#633e78
```
#633e78 rgb(99,62,120)
```

Similar Colors

Text with hexadecimal color #553e78

This text has a font color of #553e78.

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

#553e78 background color

This paragraph has a background color of #553e78.

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

#553e78 border color

This element has a border color of #553e78.

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

CSS codes

.text {color:#553e78;}

.background {background-color:#553e78;}

.border {border:1px solid #553e78;}

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

#030204
```
#030204 rgb(3,2,4)
```
#0c0911
```
#0c0911 rgb(12,9,17)
```
#150f1d
```
#150f1d rgb(21,15,29)
```
#1e162a
```
#1e162a rgb(30,22,42)
```
#271d37
```
#271d37 rgb(39,29,55)
```
#302344
```
#302344 rgb(48,35,68)
```
#3a2a51
```
#3a2a51 rgb(58,42,81)
```
#43315e
```
#43315e rgb(67,49,94)
```
#4c376b
```
#4c376b rgb(76,55,107)
```
#553e78
```
#553e78 rgb(85,62,120)
```
#5e4585
```
#5e4585 rgb(94,69,133)
```
#674b92
```
#674b92 rgb(103,75,146)
```
#70529f
```
#70529f rgb(112,82,159)
```

Shade Color Variation

#7a5aaa
```
#7a5aaa rgb(122,90,170)
```
#8467b1
```
#8467b1 rgb(132,103,177)
```
#8f74b7
```
#8f74b7 rgb(143,116,183)
```
#9981be
```
#9981be rgb(153,129,190)
```
#a48ec5
```
#a48ec5 rgb(164,142,197)
```
#ae9bcb
```
#ae9bcb rgb(174,155,203)
```
#b9a8d2
```
#b9a8d2 rgb(185,168,210)
```
#c3b5d9
```
#c3b5d9 rgb(195,181,217)
```
#cec2df
```
#cec2df rgb(206,194,223)
```
#d8cfe6
```
#d8cfe6 rgb(216,207,230)
```
#e3dced
```
#e3dced rgb(227,220,237)
```
#ede9f3
```
#ede9f3 rgb(237,233,243)
```
#f7f6fa
```
#f7f6fa rgb(247,246,250)
```

Tint Color Variation

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

#5b5a5c
```
#5b5a5c rgb(91,90,92)
```
#595363
```
#595363 rgb(89,83,99)
```
#584c6a
```
#584c6a rgb(88,76,106)
```
#564571
```
#564571 rgb(86,69,113)
```
#553e78
```
#553e78 rgb(85,62,120)
```
#54377f
```
#54377f rgb(84,55,127)
```
#523086
```
#523086 rgb(82,48,134)
```
#51298d
```
#51298d rgb(81,41,141)
```
#4f2294
```
#4f2294 rgb(79,34,148)
```
#4e1b9b
```
#4e1b9b rgb(78,27,155)
```
#4c14a2
```
#4c14a2 rgb(76,20,162)
```
#4b0da9
```
#4b0da9 rgb(75,13,169)
```
#4906b0
```
#4906b0 rgb(73,6,176)
```

Tone Color Variation

Below, you can see how #553e78 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

#4b4b4b Achromatopsia 0.005% of the population
#4d4854 Atypical Achromatopsia 0.001% of the population

Dichromacy

#395186 Protanopia 1% of men
#3c527b Deuteranopia 1% of men
#545157 Tritanopia 0.001% of the population

Trichromacy

#434a81 Protanomaly 1% of men, 0.01% of women
#454b7a Deuteranomaly 6% of men, 0.4% of women
#544a63 Tritanomaly 0.01% of the population

#553e78 hex color

#553e78 Color Information

#553e78 Color Conversion

Color Schemes with #553e78

Alternatives to #553e78

#553e78 Preview

Shades and Tints of #553e78

Tones of #553e78

Color Blindness Simulator