#553476 hex color

In a RGB color space, hex #553476 is composed of 33.3% red, 20.4% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 28% cyan, 55.9% magenta, 0% yellow and 53.7% black. It has a hue angle of 270 degrees, a saturation of 38.8% and a lightness of 33.3%. #553476 color hex could be obtained by blending #aa68ec with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 33
- G 20
- B 46
RGB color chart
- C 28
- M 56
- Y 0
- K 54
CMYK color chart

● #553476 color description : Dark moderate violet.

The hexadecimal color #553476 has RGB values of R:85, G:52, B:118 and CMYK values of C:0.28, M:0.56, Y:0, K:0.54. Its decimal value is 5583990.

Hex triplet	553476	`#553476`
RGB Decimal	85, 52, 118	`rgb(85,52,118)`
RGB Percent	33.3, 20.4, 46.3	`rgb(33.3%,20.4%,46.3%)`
CMYK	28, 56, 0, 54
HSL	270°, 38.8, 33.3	`hsl(270,38.8%,33.3%)`
HSV (or HSB)	270°, 55.9, 46.3
Web Safe	663366	`#663366`

CIE-LAB	28.631, 28.953, -32.416
XYZ	8.244, 5.695, 17.804
xyY	0.26, 0.179, 5.695
CIE-LCH	28.631, 43.464, 311.771
CIE-LUV	28.631, 9.808, -44.605
Hunter-Lab	23.865, 19.896, -27.526
Binary	01010101, 00110100, 01110110

#553476
```
#553476 rgb(85,52,118)
```
#557634
```
#557634 rgb(85,118,52)
```

Complementary Color

#343476
```
#343476 rgb(52,52,118)
```
#553476
```
#553476 rgb(85,52,118)
```
#763476
```
#763476 rgb(118,52,118)
```

Analogous Color

#347634
```
#347634 rgb(52,118,52)
```
#553476
```
#553476 rgb(85,52,118)
```
#767634
```
#767634 rgb(118,118,52)
```

Split Complementary Color

#347655
```
#347655 rgb(52,118,85)
```
#553476
```
#553476 rgb(85,52,118)
```
#765534
```
#765534 rgb(118,85,52)
```

Triadic Color

#345576
```
#345576 rgb(52,85,118)
```
#553476
```
#553476 rgb(85,52,118)
```
#765534
```
#765534 rgb(118,85,52)
```
#557634
```
#557634 rgb(85,118,52)
```

Tetradic Color

#2f1d41
```
#2f1d41 rgb(47,29,65)
```
#3c2453
```
#3c2453 rgb(60,36,83)
```
#482c64
```
#482c64 rgb(72,44,100)
```
#553476
```
#553476 rgb(85,52,118)
```
#623c88
```
#623c88 rgb(98,60,136)
```
#6f4499
```
#6f4499 rgb(111,68,153)
```
#7b4bab
```
#7b4bab rgb(123,75,171)
```

Monochromatic Color

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

#453476
```
#453476 rgb(69,52,118)
```
#4a3476
```
#4a3476 rgb(74,52,118)
```
#503476
```
#503476 rgb(80,52,118)
```
#553476
```
#553476 rgb(85,52,118)
```
#5b3476
```
#5b3476 rgb(91,52,118)
```
#603476
```
#603476 rgb(96,52,118)
```
#663476
```
#663476 rgb(102,52,118)
```

Similar Colors

Text with hexadecimal color #553476

This text has a font color of #553476.

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

#553476 background color

This paragraph has a background color of #553476.

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

#553476 border color

This element has a border color of #553476.

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

CSS codes

.text {color:#553476;}

.background {background-color:#553476;}

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

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

#070409
```
#070409 rgb(7,4,9)
```
#100a17
```
#100a17 rgb(16,10,23)
```
#1a1024
```
#1a1024 rgb(26,16,36)
```
#241632
```
#241632 rgb(36,22,50)
```
#2e1c40
```
#2e1c40 rgb(46,28,64)
```
#38224d
```
#38224d rgb(56,34,77)
```
#41285b
```
#41285b rgb(65,40,91)
```
#4b2e68
```
#4b2e68 rgb(75,46,104)
```
#553476
```
#553476 rgb(85,52,118)
```
#5f3a84
```
#5f3a84 rgb(95,58,132)
```
#694091
```
#694091 rgb(105,64,145)
```
#72469f
```
#72469f rgb(114,70,159)
```
#7c4cac
```
#7c4cac rgb(124,76,172)
```

Shade Color Variation

#8657b5
```
#8657b5 rgb(134,87,181)
```
#9065bb
```
#9065bb rgb(144,101,187)
```
#9a72c1
```
#9a72c1 rgb(154,114,193)
```
#a380c7
```
#a380c7 rgb(163,128,199)
```
#ad8ecd
```
#ad8ecd rgb(173,142,205)
```
#b79bd3
```
#b79bd3 rgb(183,155,211)
```
#c1a9d9
```
#c1a9d9 rgb(193,169,217)
```
#cbb6df
```
#cbb6df rgb(203,182,223)
```
#d5c4e5
```
#d5c4e5 rgb(213,196,229)
```
#ded2eb
```
#ded2eb rgb(222,210,235)
```
#e8dff1
```
#e8dff1 rgb(232,223,241)
```
#f2edf7
```
#f2edf7 rgb(242,237,247)
```
#fcfafd
```
#fcfafd rgb(252,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #555555 is the less saturated color, while #5506a4 is the most saturated one.

#555555
```
#555555 rgb(85,85,85)
```
#554e5c
```
#554e5c rgb(85,78,92)
```
#554862
```
#554862 rgb(85,72,98)
```
#554169
```
#554169 rgb(85,65,105)
```
#553b6f
```
#553b6f rgb(85,59,111)
```
#553476
```
#553476 rgb(85,52,118)
```
#552d7d
```
#552d7d rgb(85,45,125)
```
#552783
```
#552783 rgb(85,39,131)
```
#55208a
```
#55208a rgb(85,32,138)
```
#551a90
```
#551a90 rgb(85,26,144)
```
#551397
```
#551397 rgb(85,19,151)
```
#550d9d
```
#550d9d rgb(85,13,157)
```
#5506a4
```
#5506a4 rgb(85,6,164)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#48424f Atypical Achromatopsia 0.001% of the population

Dichromacy

#294b87 Protanopia 1% of men
#304d77 Deuteranopia 1% of men
#544a50 Tritanopia 0.001% of the population

Trichromacy

#394281 Protanomaly 1% of men, 0.01% of women
#3d4477 Deuteranomaly 6% of men, 0.4% of women
#54425d Tritanomaly 0.01% of the population

#553476 hex color

#553476 Color Information

#553476 Color Conversion

Color Schemes with #553476

Alternatives to #553476

#553476 Preview

Shades and Tints of #553476

Tones of #553476

Color Blindness Simulator