#553b6a hex color

In a RGB color space, hex #553b6a is composed of 33.3% red, 23.1% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 19.8% cyan, 44.3% magenta, 0% yellow and 58.4% black. It has a hue angle of 273.2 degrees, a saturation of 28.5% and a lightness of 32.4%. #553b6a color hex could be obtained by blending #aa76d4 with #000000. Closest websafe color is: #663366.

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

● #553b6a color description : Very dark desaturated violet.

The hexadecimal color #553b6a has RGB values of R:85, G:59, B:106 and CMYK values of C:0.2, M:0.44, Y:0, K:0.58. Its decimal value is 5585770.

Hex triplet	553b6a	`#553b6a`
RGB Decimal	85, 59, 106	`rgb(85,59,106)`
RGB Percent	33.3, 23.1, 41.6	`rgb(33.3%,23.1%,41.6%)`
CMYK	20, 44, 0, 58
HSL	273.2°, 28.5, 32.4	`hsl(273.2,28.5%,32.4%)`
HSV (or HSB)	273.2°, 44.3, 41.6
Web Safe	663366	`#663366`

CIE-LAB	29.663, 21.486, -23.157
XYZ	7.911, 6.1, 14.396
xyY	0.279, 0.215, 6.1
CIE-LCH	29.663, 31.59, 312.857
CIE-LUV	29.663, 9.287, -32.137
Hunter-Lab	24.698, 13.956, -17.269
Binary	01010101, 00111011, 01101010

#553b6a
```
#553b6a rgb(85,59,106)
```
#506a3b
```
#506a3b rgb(80,106,59)
```

Complementary Color

#3e3b6a
```
#3e3b6a rgb(62,59,106)
```
#553b6a
```
#553b6a rgb(85,59,106)
```
#6a3b68
```
#6a3b68 rgb(106,59,104)
```

Analogous Color

#3b6a3e
```
#3b6a3e rgb(59,106,62)
```
#553b6a
```
#553b6a rgb(85,59,106)
```
#686a3b
```
#686a3b rgb(104,106,59)
```

Split Complementary Color

#3b6a55
```
#3b6a55 rgb(59,106,85)
```
#553b6a
```
#553b6a rgb(85,59,106)
```
#6a553b
```
#6a553b rgb(106,85,59)
```

Triadic Color

#3b506a
```
#3b506a rgb(59,80,106)
```
#553b6a
```
#553b6a rgb(85,59,106)
```
#6a553b
```
#6a553b rgb(106,85,59)
```
#506a3b
```
#506a3b rgb(80,106,59)
```

Tetradic Color

#2e2039
```
#2e2039 rgb(46,32,57)
```
#3b2949
```
#3b2949 rgb(59,41,73)
```
#48325a
```
#48325a rgb(72,50,90)
```
#553b6a
```
#553b6a rgb(85,59,106)
```
#62447a
```
#62447a rgb(98,68,122)
```
#6f4d8b
```
#6f4d8b rgb(111,77,139)
```
#7c569b
```
#7c569b rgb(124,86,155)
```

Monochromatic Color

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

#493b6a
```
#493b6a rgb(73,59,106)
```
#4d3b6a
```
#4d3b6a rgb(77,59,106)
```
#513b6a
```
#513b6a rgb(81,59,106)
```
#553b6a
```
#553b6a rgb(85,59,106)
```
#593b6a
```
#593b6a rgb(89,59,106)
```
#5d3b6a
```
#5d3b6a rgb(93,59,106)
```
#613b6a
```
#613b6a rgb(97,59,106)
```

Similar Colors

Text with hexadecimal color #553b6a

This text has a font color of #553b6a.

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

#553b6a background color

This paragraph has a background color of #553b6a.

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

#553b6a border color

This element has a border color of #553b6a.

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

CSS codes

.text {color:#553b6a;}

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

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

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

#040305
```
#040305 rgb(4,3,5)
```
#0e0a12
```
#0e0a12 rgb(14,10,18)
```
#18111e
```
#18111e rgb(24,17,30)
```
#22182b
```
#22182b rgb(34,24,43)
```
#2d1f38
```
#2d1f38 rgb(45,31,56)
```
#372644
```
#372644 rgb(55,38,68)
```
#412d51
```
#412d51 rgb(65,45,81)
```
#4b345d
```
#4b345d rgb(75,52,93)
```
#553b6a
```
#553b6a rgb(85,59,106)
```
#5f4277
```
#5f4277 rgb(95,66,119)
```
#694983
```
#694983 rgb(105,73,131)
```
#735090
```
#735090 rgb(115,80,144)
```
#7d579c
```
#7d579c rgb(125,87,156)
```

Shade Color Variation

#8760a7
```
#8760a7 rgb(135,96,167)
```
#916dae
```
#916dae rgb(145,109,174)
```
#9a7ab5
```
#9a7ab5 rgb(154,122,181)
```
#a486bc
```
#a486bc rgb(164,134,188)
```
#ad93c3
```
#ad93c3 rgb(173,147,195)
```
#b79fca
```
#b79fca rgb(183,159,202)
```
#c0acd1
```
#c0acd1 rgb(192,172,209)
```
#cab9d8
```
#cab9d8 rgb(202,185,216)
```
#d3c5df
```
#d3c5df rgb(211,197,223)
```
#ddd2e6
```
#ddd2e6 rgb(221,210,230)
```
#e6deed
```
#e6deed rgb(230,222,237)
```
#f0ebf4
```
#f0ebf4 rgb(240,235,244)
```
#f9f8fb
```
#f9f8fb rgb(249,248,251)
```

Tint Color Variation

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

#534e57
```
#534e57 rgb(83,78,87)
```
#54485d
```
#54485d rgb(84,72,93)
```
#544164
```
#544164 rgb(84,65,100)
```
#553b6a
```
#553b6a rgb(85,59,106)
```
#563570
```
#563570 rgb(86,53,112)
```
#562e77
```
#562e77 rgb(86,46,119)
```
#57287d
```
#57287d rgb(87,40,125)
```
#582283
```
#582283 rgb(88,34,131)
```
#581b8a
```
#581b8a rgb(88,27,138)
```
#591590
```
#591590 rgb(89,21,144)
```
#5a0f96
```
#5a0f96 rgb(90,15,150)
```
#5a089d
```
#5a089d rgb(90,8,157)
```
#5b02a3
```
#5b02a3 rgb(91,2,163)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#4b454f Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e4e78 Protanopia 1% of men
#424e6e Deuteranopia 1% of men
#574c51 Tritanopia 0.001% of the population

Trichromacy

#464773 Protanomaly 1% of men, 0.01% of women
#49476c Deuteranomaly 6% of men, 0.4% of women
#56465a Tritanomaly 0.01% of the population

#553b6a hex color

#553b6a Color Information

#553b6a Color Conversion

Color Schemes with #553b6a

Alternatives to #553b6a

#553b6a Preview

Shades and Tints of #553b6a

Tones of #553b6a

Color Blindness Simulator