#553c8d hex color

In a RGB color space, hex #553c8d is composed of 33.3% red, 23.5% green and 55.3% blue. Whereas in a CMYK color space, it is composed of 39.7% cyan, 57.4% magenta, 0% yellow and 44.7% black. It has a hue angle of 258.5 degrees, a saturation of 40.3% and a lightness of 39.4%. #553c8d color hex could be obtained by blending #aa78ff with #00001b. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 33
- G 24
- B 55
RGB color chart
- C 40
- M 57
- Y 0
- K 45
CMYK color chart

● #553c8d color description : Dark moderate violet.

The hexadecimal color #553c8d has RGB values of R:85, G:60, B:141 and CMYK values of C:0.4, M:0.57, Y:0, K:0.45. Its decimal value is 5586061.

Hex triplet	553c8d	`#553c8d`
RGB Decimal	85, 60, 141	`rgb(85,60,141)`
RGB Percent	33.3, 23.5, 55.3	`rgb(33.3%,23.5%,55.3%)`
CMYK	40, 57, 0, 45
HSL	258.5°, 40.3, 39.4	`hsl(258.5,40.3%,39.4%)`
HSV (or HSB)	258.5°, 57.4, 55.3
Web Safe	663399	`#663399`

CIE-LAB	32.002, 30.46, -41.365
XYZ	10.169, 7.086, 26.03
xyY	0.235, 0.164, 7.086
CIE-LCH	32.002, 51.37, 306.367
CIE-LUV	32.002, 4.676, -58.464
Hunter-Lab	26.62, 21.605, -39.343
Binary	01010101, 00111100, 10001101

#553c8d
```
#553c8d rgb(85,60,141)
```
#748d3c
```
#748d3c rgb(116,141,60)
```

Complementary Color

#3c4c8d
```
#3c4c8d rgb(60,76,141)
```
#553c8d
```
#553c8d rgb(85,60,141)
```
#7e3c8d
```
#7e3c8d rgb(126,60,141)
```

Analogous Color

#4c8d3c
```
#4c8d3c rgb(76,141,60)
```
#553c8d
```
#553c8d rgb(85,60,141)
```
#8d7e3c
```
#8d7e3c rgb(141,126,60)
```

Split Complementary Color

#3c8d55
```
#3c8d55 rgb(60,141,85)
```
#553c8d
```
#553c8d rgb(85,60,141)
```
#8d553c
```
#8d553c rgb(141,85,60)
```

Triadic Color

#3c748d
```
#3c748d rgb(60,116,141)
```
#553c8d
```
#553c8d rgb(85,60,141)
```
#8d553c
```
#8d553c rgb(141,85,60)
```
#748d3c
```
#748d3c rgb(116,141,60)
```

Tetradic Color

#352557
```
#352557 rgb(53,37,87)
```
#3f2d69
```
#3f2d69 rgb(63,45,105)
```
#4a347b
```
#4a347b rgb(74,52,123)
```
#553c8d
```
#553c8d rgb(85,60,141)
```
#60449f
```
#60449f rgb(96,68,159)
```
#6b4bb1
```
#6b4bb1 rgb(107,75,177)
```
#795cba
```
#795cba rgb(121,92,186)
```

Monochromatic Color

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

#413c8d
```
#413c8d rgb(65,60,141)
```
#483c8d
```
#483c8d rgb(72,60,141)
```
#4e3c8d
```
#4e3c8d rgb(78,60,141)
```
#553c8d
```
#553c8d rgb(85,60,141)
```
#5c3c8d
```
#5c3c8d rgb(92,60,141)
```
#633c8d
```
#633c8d rgb(99,60,141)
```
#693c8d
```
#693c8d rgb(105,60,141)
```

Similar Colors

Text with hexadecimal color #553c8d

This text has a font color of #553c8d.

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

#553c8d background color

This paragraph has a background color of #553c8d.

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

#553c8d border color

This element has a border color of #553c8d.

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

CSS codes

.text {color:#553c8d;}

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

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

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

#020103
```
#020103 rgb(2,1,3)
```
#0a0711
```
#0a0711 rgb(10,7,17)
```
#130d1f
```
#130d1f rgb(19,13,31)
```
#1b132d
```
#1b132d rgb(27,19,45)
```
#23193a
```
#23193a rgb(35,25,58)
```
#2c1f48
```
#2c1f48 rgb(44,31,72)
```
#342556
```
#342556 rgb(52,37,86)
```
#3c2a64
```
#3c2a64 rgb(60,42,100)
```
#443071
```
#443071 rgb(68,48,113)
```
#4d367f
```
#4d367f rgb(77,54,127)
```
#553c8d
```
#553c8d rgb(85,60,141)
```
#5d429b
```
#5d429b rgb(93,66,155)
```
#6648a9
```
#6648a9 rgb(102,72,169)
```

Shade Color Variation

#6f50b4
```
#6f50b4 rgb(111,80,180)
```
#7a5dba
```
#7a5dba rgb(122,93,186)
```
#856bc0
```
#856bc0 rgb(133,107,192)
```
#9179c6
```
#9179c6 rgb(145,121,198)
```
#9c87cc
```
#9c87cc rgb(156,135,204)
```
#a794d2
```
#a794d2 rgb(167,148,210)
```
#b3a2d7
```
#b3a2d7 rgb(179,162,215)
```
#beb0dd
```
#beb0dd rgb(190,176,221)
```
#c9bee3
```
#c9bee3 rgb(201,190,227)
```
#d5cbe9
```
#d5cbe9 rgb(213,203,233)
```
#e0d9ef
```
#e0d9ef rgb(224,217,239)
```
#ebe7f5
```
#ebe7f5 rgb(235,231,245)
```
#f6f5fb
```
#f6f5fb rgb(246,245,251)
```

Tint Color Variation

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

#646366
```
#646366 rgb(100,99,102)
```
#615b6e
```
#615b6e rgb(97,91,110)
```
#5e5376
```
#5e5376 rgb(94,83,118)
```
#5b4b7e
```
#5b4b7e rgb(91,75,126)
```
#584485
```
#584485 rgb(88,68,133)
```
#553c8d
```
#553c8d rgb(85,60,141)
```
#523495
```
#523495 rgb(82,52,149)
```
#4f2d9c
```
#4f2d9c rgb(79,45,156)
```
#4c25a4
```
#4c25a4 rgb(76,37,164)
```
#491dac
```
#491dac rgb(73,29,172)
```
#4615b4
```
#4615b4 rgb(70,21,180)
```
#430ebb
```
#430ebb rgb(67,14,187)
```
#4006c3
```
#4006c3 rgb(64,6,195)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#4f4a5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#1b529d Protanopia 1% of men
#1c558c Deuteranopia 1% of men
#4e555b Tritanopia 0.001% of the population

Trichromacy

#304a97 Protanomaly 1% of men, 0.01% of women
#314c8c Deuteranomaly 6% of men, 0.4% of women
#504c6d Tritanomaly 0.01% of the population

#553c8d hex color

#553c8d Color Information

#553c8d Color Conversion

Color Schemes with #553c8d

Alternatives to #553c8d

#553c8d Preview

Shades and Tints of #553c8d

Tones of #553c8d

Color Blindness Simulator