#553778 hex color

In a RGB color space, hex #553778 is composed of 33.3% red, 21.6% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 29.2% cyan, 54.2% magenta, 0% yellow and 52.9% black. It has a hue angle of 267.7 degrees, a saturation of 37.1% and a lightness of 34.3%. #553778 color hex could be obtained by blending #aa6ef0 with #000000. Closest websafe color is: #663366.

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

● #553778 color description : Dark moderate violet.

The hexadecimal color #553778 has RGB values of R:85, G:55, B:120 and CMYK values of C:0.29, M:0.54, Y:0, K:0.53. Its decimal value is 5584760.

Hex triplet	553778	`#553778`
RGB Decimal	85, 55, 120	`rgb(85,55,120)`
RGB Percent	33.3, 21.6, 47.1	`rgb(33.3%,21.6%,47.1%)`
CMYK	29, 54, 0, 53
HSL	267.7°, 37.1, 34.3	`hsl(267.7,37.1%,34.3%)`
HSV (or HSB)	267.7°, 54.2, 47.1
Web Safe	663366	`#663366`

CIE-LAB	29.462, 27.656, -32.354
XYZ	8.502, 6.02, 18.482
xyY	0.258, 0.182, 6.02
CIE-LCH	29.462, 42.563, 310.523
CIE-LUV	29.462, 8.672, -44.847
Hunter-Lab	24.535, 18.918, -27.488
Binary	01010101, 00110111, 01111000

#553778
```
#553778 rgb(85,55,120)
```
#5a7837
```
#5a7837 rgb(90,120,55)
```

Complementary Color

#373a78
```
#373a78 rgb(55,58,120)
```
#553778
```
#553778 rgb(85,55,120)
```
#763778
```
#763778 rgb(118,55,120)
```

Analogous Color

#3a7837
```
#3a7837 rgb(58,120,55)
```
#553778
```
#553778 rgb(85,55,120)
```
#787637
```
#787637 rgb(120,118,55)
```

Split Complementary Color

#377855
```
#377855 rgb(55,120,85)
```
#553778
```
#553778 rgb(85,55,120)
```
#785537
```
#785537 rgb(120,85,55)
```

Triadic Color

#375a78
```
#375a78 rgb(55,90,120)
```
#553778
```
#553778 rgb(85,55,120)
```
#785537
```
#785537 rgb(120,85,55)
```
#5a7837
```
#5a7837 rgb(90,120,55)
```

Tetradic Color

#301f44
```
#301f44 rgb(48,31,68)
```
#3c2755
```
#3c2755 rgb(60,39,85)
```
#492f67
```
#492f67 rgb(73,47,103)
```
#553778
```
#553778 rgb(85,55,120)
```
#613f89
```
#613f89 rgb(97,63,137)
```
#6e479b
```
#6e479b rgb(110,71,155)
```
#7a4fac
```
#7a4fac rgb(122,79,172)
```

Monochromatic Color

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

#453778
```
#453778 rgb(69,55,120)
```
#4a3778
```
#4a3778 rgb(74,55,120)
```
#503778
```
#503778 rgb(80,55,120)
```
#553778
```
#553778 rgb(85,55,120)
```
#5a3778
```
#5a3778 rgb(90,55,120)
```
#603778
```
#603778 rgb(96,55,120)
```
#653778
```
#653778 rgb(101,55,120)
```

Similar Colors

Text with hexadecimal color #553778

This text has a font color of #553778.

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

#553778 background color

This paragraph has a background color of #553778.

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

#553778 border color

This element has a border color of #553778.

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

CSS codes

.text {color:#553778;}

.background {background-color:#553778;}

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

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, #09060c is the darkest color, while #fefeff is the lightest one.

#09060c
```
#09060c rgb(9,6,12)
```
#120c1a
```
#120c1a rgb(18,12,26)
```
#1c1227
```
#1c1227 rgb(28,18,39)
```
#251835
```
#251835 rgb(37,24,53)
```
#2f1e42
```
#2f1e42 rgb(47,30,66)
```
#382550
```
#382550 rgb(56,37,80)
```
#422b5d
```
#422b5d rgb(66,43,93)
```
#4b316b
```
#4b316b rgb(75,49,107)
```
#553778
```
#553778 rgb(85,55,120)
```
#5f3d85
```
#5f3d85 rgb(95,61,133)
```
#684393
```
#684393 rgb(104,67,147)
```
#7249a0
```
#7249a0 rgb(114,73,160)
```
#7b50ae
```
#7b50ae rgb(123,80,174)
```

Shade Color Variation

#855db5
```
#855db5 rgb(133,93,181)
```
#8f6abb
```
#8f6abb rgb(143,106,187)
```
#9977c1
```
#9977c1 rgb(153,119,193)
```
#a385c7
```
#a385c7 rgb(163,133,199)
```
#ae92cd
```
#ae92cd rgb(174,146,205)
```
#b8a0d3
```
#b8a0d3 rgb(184,160,211)
```
#c2adda
```
#c2adda rgb(194,173,218)
```
#ccbbe0
```
#ccbbe0 rgb(204,187,224)
```
#d6c8e6
```
#d6c8e6 rgb(214,200,230)
```
#e0d6ec
```
#e0d6ec rgb(224,214,236)
```
#eae3f2
```
#eae3f2 rgb(234,227,242)
```
#f4f0f8
```
#f4f0f8 rgb(244,240,248)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #57525d is the less saturated color, while #5101ae is the most saturated one.

#57525d
```
#57525d rgb(87,82,93)
```
#574b64
```
#574b64 rgb(87,75,100)
```
#56446b
```
#56446b rgb(86,68,107)
```
#563e71
```
#563e71 rgb(86,62,113)
```
#553778
```
#553778 rgb(85,55,120)
```
#54307f
```
#54307f rgb(84,48,127)
```
#542a85
```
#542a85 rgb(84,42,133)
```
#53238c
```
#53238c rgb(83,35,140)
```
#531c93
```
#531c93 rgb(83,28,147)
```
#52159a
```
#52159a rgb(82,21,154)
```
#520fa0
```
#520fa0 rgb(82,15,160)
```
#5108a7
```
#5108a7 rgb(81,8,167)
```
#5101ae
```
#5101ae rgb(81,1,174)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#4a4451 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2d4d88 Protanopia 1% of men
#324f7a Deuteranopia 1% of men
#534d52 Tritanopia 0.001% of the population

Trichromacy

#3c4582 Protanomaly 1% of men, 0.01% of women
#3f4679 Deuteranomaly 6% of men, 0.4% of women
#544560 Tritanomaly 0.01% of the population

#553778 hex color

#553778 Color Information

#553778 Color Conversion

Color Schemes with #553778

Alternatives to #553778

#553778 Preview

Shades and Tints of #553778

Tones of #553778

Color Blindness Simulator