#553b8e hex color

In a RGB color space, hex #553b8e is composed of 33.3% red, 23.1% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 40.1% cyan, 58.5% magenta, 0% yellow and 44.3% black. It has a hue angle of 258.8 degrees, a saturation of 41.3% and a lightness of 39.4%. #553b8e color hex could be obtained by blending #aa76ff with #00001d. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 33
- G 23
- B 56
RGB color chart
- C 40
- M 58
- Y 0
- K 44
CMYK color chart

● #553b8e color description : Dark moderate violet.

The hexadecimal color #553b8e has RGB values of R:85, G:59, B:142 and CMYK values of C:0.4, M:0.58, Y:0, K:0.44. Its decimal value is 5585806.

Hex triplet	553b8e	`#553b8e`
RGB Decimal	85, 59, 142	`rgb(85,59,142)`
RGB Percent	33.3, 23.1, 55.7	`rgb(33.3%,23.1%,55.7%)`
CMYK	40, 58, 0, 44
HSL	258.8°, 41.3, 39.4	`hsl(258.8,41.3%,39.4%)`
HSV (or HSB)	258.8°, 58.5, 55.7
Web Safe	663399	`#663399`

CIE-LAB	31.835, 31.36, -42.249
XYZ	10.192, 7.012, 26.406
xyY	0.234, 0.161, 7.012
CIE-LCH	31.835, 52.616, 306.585
CIE-LUV	31.835, 4.827, -59.603
Hunter-Lab	26.48, 22.361, -40.587
Binary	01010101, 00111011, 10001110

#553b8e
```
#553b8e rgb(85,59,142)
```
#748e3b
```
#748e3b rgb(116,142,59)
```

Complementary Color

#3b4b8e
```
#3b4b8e rgb(59,75,142)
```
#553b8e
```
#553b8e rgb(85,59,142)
```
#7f3b8e
```
#7f3b8e rgb(127,59,142)
```

Analogous Color

#4b8e3b
```
#4b8e3b rgb(75,142,59)
```
#553b8e
```
#553b8e rgb(85,59,142)
```
#8e7f3b
```
#8e7f3b rgb(142,127,59)
```

Split Complementary Color

#3b8e55
```
#3b8e55 rgb(59,142,85)
```
#553b8e
```
#553b8e rgb(85,59,142)
```
#8e553b
```
#8e553b rgb(142,85,59)
```

Triadic Color

#3b748e
```
#3b748e rgb(59,116,142)
```
#553b8e
```
#553b8e rgb(85,59,142)
```
#8e553b
```
#8e553b rgb(142,85,59)
```
#748e3b
```
#748e3b rgb(116,142,59)
```

Tetradic Color

#352558
```
#352558 rgb(53,37,88)
```
#3f2c6a
```
#3f2c6a rgb(63,44,106)
```
#4a347c
```
#4a347c rgb(74,52,124)
```
#553b8e
```
#553b8e rgb(85,59,142)
```
#6042a0
```
#6042a0 rgb(96,66,160)
```
#6b4ab2
```
#6b4ab2 rgb(107,74,178)
```
#795bbb
```
#795bbb rgb(121,91,187)
```

Monochromatic Color

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

#403b8e
```
#403b8e rgb(64,59,142)
```
#473b8e
```
#473b8e rgb(71,59,142)
```
#4e3b8e
```
#4e3b8e rgb(78,59,142)
```
#553b8e
```
#553b8e rgb(85,59,142)
```
#5c3b8e
```
#5c3b8e rgb(92,59,142)
```
#633b8e
```
#633b8e rgb(99,59,142)
```
#6a3b8e
```
#6a3b8e rgb(106,59,142)
```

Similar Colors

Text with hexadecimal color #553b8e

This text has a font color of #553b8e.

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

#553b8e background color

This paragraph has a background color of #553b8e.

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

#553b8e border color

This element has a border color of #553b8e.

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

CSS codes

.text {color:#553b8e;}

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

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

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)
```
#23183b
```
#23183b rgb(35,24,59)
```
#2c1e49
```
#2c1e49 rgb(44,30,73)
```
#342457
```
#342457 rgb(52,36,87)
```
#3c2a64
```
#3c2a64 rgb(60,42,100)
```
#442f72
```
#442f72 rgb(68,47,114)
```
#4d3580
```
#4d3580 rgb(77,53,128)
```
#553b8e
```
#553b8e rgb(85,59,142)
```
#5d419c
```
#5d419c rgb(93,65,156)
```
#6647aa
```
#6647aa rgb(102,71,170)
```

Shade Color Variation

#6f4eb6
```
#6f4eb6 rgb(111,78,182)
```
#7a5cbb
```
#7a5cbb rgb(122,92,187)
```
#856ac1
```
#856ac1 rgb(133,106,193)
```
#9178c7
```
#9178c7 rgb(145,120,199)
```
#9c86cd
```
#9c86cd rgb(156,134,205)
```
#a794d2
```
#a794d2 rgb(167,148,210)
```
#b3a1d8
```
#b3a1d8 rgb(179,161,216)
```
#beafde
```
#beafde rgb(190,175,222)
```
#c9bde4
```
#c9bde4 rgb(201,189,228)
```
#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, #636267 is the less saturated color, while #4105c4 is the most saturated one.

#636267
```
#636267 rgb(99,98,103)
```
#615a6f
```
#615a6f rgb(97,90,111)
```
#5e5277
```
#5e5277 rgb(94,82,119)
```
#5b4a7f
```
#5b4a7f rgb(91,74,127)
```
#584386
```
#584386 rgb(88,67,134)
```
#553b8e
```
#553b8e rgb(85,59,142)
```
#523396
```
#523396 rgb(82,51,150)
```
#4f2c9d
```
#4f2c9d rgb(79,44,157)
```
#4c24a5
```
#4c24a5 rgb(76,36,165)
```
#491cad
```
#491cad rgb(73,28,173)
```
#4714b5
```
#4714b5 rgb(71,20,181)
```
#440dbc
```
#440dbc rgb(68,13,188)
```
#4105c4
```
#4105c4 rgb(65,5,196)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#4e4959 Atypical Achromatopsia 0.001% of the population

Dichromacy

#12519f Protanopia 1% of men
#15558d Deuteranopia 1% of men
#4e555b Tritanopia 0.001% of the population

Trichromacy

#2a4998 Protanomaly 1% of men, 0.01% of women
#2c4b8d Deuteranomaly 6% of men, 0.4% of women
#504b6d Tritanomaly 0.01% of the population

#553b8e hex color

#553b8e Color Information

#553b8e Color Conversion

Color Schemes with #553b8e

Alternatives to #553b8e

#553b8e Preview

Shades and Tints of #553b8e

Tones of #553b8e

Color Blindness Simulator