#553e6a hex color

In a RGB color space, hex #553e6a is composed of 33.3% red, 24.3% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 19.8% cyan, 41.5% magenta, 0% yellow and 58.4% black. It has a hue angle of 271.4 degrees, a saturation of 26.2% and a lightness of 32.9%. #553e6a color hex could be obtained by blending #aa7cd4 with #000000. Closest websafe color is: #663366.

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

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

The hexadecimal color #553e6a has RGB values of R:85, G:62, B:106 and CMYK values of C:0.2, M:0.42, Y:0, K:0.58. Its decimal value is 5586538.

Hex triplet	553e6a	`#553e6a`
RGB Decimal	85, 62, 106	`rgb(85,62,106)`
RGB Percent	33.3, 24.3, 41.6	`rgb(33.3%,24.3%,41.6%)`
CMYK	20, 42, 0, 58
HSL	271.4°, 26.2, 32.9	`hsl(271.4,26.2%,32.9%)`
HSV (or HSB)	271.4°, 41.5, 41.6
Web Safe	663366	`#663366`

CIE-LAB	30.442, 19.581, -21.94
XYZ	8.07, 6.417, 14.448
xyY	0.279, 0.222, 6.417
CIE-LCH	30.442, 29.407, 311.748
CIE-LUV	30.442, 8.212, -30.566
Hunter-Lab	25.332, 12.533, -16.084
Binary	01010101, 00111110, 01101010

#553e6a
```
#553e6a rgb(85,62,106)
```
#536a3e
```
#536a3e rgb(83,106,62)
```

Complementary Color

#3f3e6a
```
#3f3e6a rgb(63,62,106)
```
#553e6a
```
#553e6a rgb(85,62,106)
```
#6a3e69
```
#6a3e69 rgb(106,62,105)
```

Analogous Color

#3e6a3f
```
#3e6a3f rgb(62,106,63)
```
#553e6a
```
#553e6a rgb(85,62,106)
```
#696a3e
```
#696a3e rgb(105,106,62)
```

Split Complementary Color

#3e6a55
```
#3e6a55 rgb(62,106,85)
```
#553e6a
```
#553e6a rgb(85,62,106)
```
#6a553e
```
#6a553e rgb(106,85,62)
```

Triadic Color

#3e536a
```
#3e536a rgb(62,83,106)
```
#553e6a
```
#553e6a rgb(85,62,106)
```
#6a553e
```
#6a553e rgb(106,85,62)
```
#536a3e
```
#536a3e rgb(83,106,62)
```

Tetradic Color

#2e223a
```
#2e223a rgb(46,34,58)
```
#3b2b4a
```
#3b2b4a rgb(59,43,74)
```
#48355a
```
#48355a rgb(72,53,90)
```
#553e6a
```
#553e6a rgb(85,62,106)
```
#62477a
```
#62477a rgb(98,71,122)
```
#6f518a
```
#6f518a rgb(111,81,138)
```
#7c5a9a
```
#7c5a9a rgb(124,90,154)
```

Monochromatic Color

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

#4a3e6a
```
#4a3e6a rgb(74,62,106)
```
#4e3e6a
```
#4e3e6a rgb(78,62,106)
```
#513e6a
```
#513e6a rgb(81,62,106)
```
#553e6a
```
#553e6a rgb(85,62,106)
```
#593e6a
```
#593e6a rgb(89,62,106)
```
#5c3e6a
```
#5c3e6a rgb(92,62,106)
```
#603e6a
```
#603e6a rgb(96,62,106)
```

Similar Colors

Text with hexadecimal color #553e6a

This text has a font color of #553e6a.

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

#553e6a background color

This paragraph has a background color of #553e6a.

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

#553e6a border color

This element has a border color of #553e6a.

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

CSS codes

.text {color:#553e6a;}

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

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

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

#060407
```
#060407 rgb(6,4,7)
```
#100b13
```
#100b13 rgb(16,11,19)
```
#191320
```
#191320 rgb(25,19,32)
```
#231a2c
```
#231a2c rgb(35,26,44)
```
#2d2138
```
#2d2138 rgb(45,33,56)
```
#372845
```
#372845 rgb(55,40,69)
```
#413051
```
#413051 rgb(65,48,81)
```
#4b375e
```
#4b375e rgb(75,55,94)
```
#553e6a
```
#553e6a rgb(85,62,106)
```
#5f4576
```
#5f4576 rgb(95,69,118)
```
#694c83
```
#694c83 rgb(105,76,131)
```
#73548f
```
#73548f rgb(115,84,143)
```
#7d5b9c
```
#7d5b9c rgb(125,91,156)
```

Shade Color Variation

#8665a5
```
#8665a5 rgb(134,101,165)
```
#9071ac
```
#9071ac rgb(144,113,172)
```
#9a7eb3
```
#9a7eb3 rgb(154,126,179)
```
#a48abb
```
#a48abb rgb(164,138,187)
```
#ad97c2
```
#ad97c2 rgb(173,151,194)
```
#b7a3c9
```
#b7a3c9 rgb(183,163,201)
```
#c1afd0
```
#c1afd0 rgb(193,175,208)
```
#cabcd8
```
#cabcd8 rgb(202,188,216)
```
#d4c8df
```
#d4c8df rgb(212,200,223)
```
#ded4e6
```
#ded4e6 rgb(222,212,230)
```
#e7e1ed
```
#e7e1ed rgb(231,225,237)
```
#f1edf5
```
#f1edf5 rgb(241,237,245)
```
#fbfafc
```
#fbfafc rgb(251,250,252)
```

Tint Color Variation

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

#545157
```
#545157 rgb(84,81,87)
```
#544b5d
```
#544b5d rgb(84,75,93)
```
#554464
```
#554464 rgb(85,68,100)
```
#553e6a
```
#553e6a rgb(85,62,106)
```
#553870
```
#553870 rgb(85,56,112)
```
#563177
```
#563177 rgb(86,49,119)
```
#562b7d
```
#562b7d rgb(86,43,125)
```
#562484
```
#562484 rgb(86,36,132)
```
#561e8a
```
#561e8a rgb(86,30,138)
```
#571791
```
#571791 rgb(87,23,145)
```
#571197
```
#571197 rgb(87,17,151)
```
#570a9e
```
#570a9e rgb(87,10,158)
```
#5804a4
```
#5804a4 rgb(88,4,164)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#4c4850 Atypical Achromatopsia 0.001% of the population

Dichromacy

#424f77 Protanopia 1% of men
#45506e Deuteranopia 1% of men
#584e54 Tritanopia 0.001% of the population

Trichromacy

#484972 Protanomaly 1% of men, 0.01% of women
#4b496d Deuteranomaly 6% of men, 0.4% of women
#56485c Tritanomaly 0.01% of the population

#553e6a hex color

#553e6a Color Information

#553e6a Color Conversion

Color Schemes with #553e6a

Alternatives to #553e6a

#553e6a Preview

Shades and Tints of #553e6a

Tones of #553e6a

Color Blindness Simulator