#553e6d hex color

In a RGB color space, hex #553e6d is composed of 33.3% red, 24.3% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 22% cyan, 43.1% magenta, 0% yellow and 57.3% black. It has a hue angle of 269.4 degrees, a saturation of 27.5% and a lightness of 33.5%. #553e6d color hex could be obtained by blending #aa7cda with #000000. Closest websafe color is: #663366.

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

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

The hexadecimal color #553e6d has RGB values of R:85, G:62, B:109 and CMYK values of C:0.22, M:0.43, Y:0, K:0.57. Its decimal value is 5586541.

Hex triplet	553e6d	`#553e6d`
RGB Decimal	85, 62, 109	`rgb(85,62,109)`
RGB Percent	33.3, 24.3, 42.7	`rgb(33.3%,24.3%,42.7%)`
CMYK	22, 43, 0, 57
HSL	269.4°, 27.5, 33.5	`hsl(269.4,27.5%,33.5%)`
HSV (or HSB)	269.4°, 43.1, 42.7
Web Safe	663366	`#663366`

CIE-LAB	30.594, 20.354, -23.608
XYZ	8.229, 6.481, 15.285
xyY	0.274, 0.216, 6.481
CIE-LCH	30.594, 31.171, 310.768
CIE-LUV	30.594, 7.843, -32.938
Hunter-Lab	25.457, 13.148, -17.778
Binary	01010101, 00111110, 01101101

#553e6d
```
#553e6d rgb(85,62,109)
```
#566d3e
```
#566d3e rgb(86,109,62)
```

Complementary Color

#3e3f6d
```
#3e3f6d rgb(62,63,109)
```
#553e6d
```
#553e6d rgb(85,62,109)
```
#6d3e6d
```
#6d3e6d rgb(109,62,109)
```

Analogous Color

#3f6d3e
```
#3f6d3e rgb(63,109,62)
```
#553e6d
```
#553e6d rgb(85,62,109)
```
#6d6d3e
```
#6d6d3e rgb(109,109,62)
```

Split Complementary Color

#3e6d55
```
#3e6d55 rgb(62,109,85)
```
#553e6d
```
#553e6d rgb(85,62,109)
```
#6d553e
```
#6d553e rgb(109,85,62)
```

Triadic Color

#3e566d
```
#3e566d rgb(62,86,109)
```
#553e6d
```
#553e6d rgb(85,62,109)
```
#6d553e
```
#6d553e rgb(109,85,62)
```
#566d3e
```
#566d3e rgb(86,109,62)
```

Tetradic Color

#2f223c
```
#2f223c rgb(47,34,60)
```
#3c2c4c
```
#3c2c4c rgb(60,44,76)
```
#48355d
```
#48355d rgb(72,53,93)
```
#553e6d
```
#553e6d rgb(85,62,109)
```
#62477d
```
#62477d rgb(98,71,125)
```
#6e508e
```
#6e508e rgb(110,80,142)
```
#7b5a9e
```
#7b5a9e rgb(123,90,158)
```

Monochromatic Color

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

#493e6d
```
#493e6d rgb(73,62,109)
```
#4d3e6d
```
#4d3e6d rgb(77,62,109)
```
#513e6d
```
#513e6d rgb(81,62,109)
```
#553e6d
```
#553e6d rgb(85,62,109)
```
#593e6d
```
#593e6d rgb(89,62,109)
```
#5d3e6d
```
#5d3e6d rgb(93,62,109)
```
#613e6d
```
#613e6d rgb(97,62,109)
```

Similar Colors

Text with hexadecimal color #553e6d

This text has a font color of #553e6d.

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

#553e6d background color

This paragraph has a background color of #553e6d.

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

#553e6d border color

This element has a border color of #553e6d.

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

CSS codes

.text {color:#553e6d;}

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

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

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

#070509
```
#070509 rgb(7,5,9)
```
#110c15
```
#110c15 rgb(17,12,21)
```
#1a1322
```
#1a1322 rgb(26,19,34)
```
#241a2e
```
#241a2e rgb(36,26,46)
```
#2e223b
```
#2e223b rgb(46,34,59)
```
#382947
```
#382947 rgb(56,41,71)
```
#413054
```
#413054 rgb(65,48,84)
```
#4b3760
```
#4b3760 rgb(75,55,96)
```
#553e6d
```
#553e6d rgb(85,62,109)
```
#5f457a
```
#5f457a rgb(95,69,122)
```
#694c86
```
#694c86 rgb(105,76,134)
```
#725393
```
#725393 rgb(114,83,147)
```
#7c5a9f
```
#7c5a9f rgb(124,90,159)
```

Shade Color Variation

#8665a8
```
#8665a8 rgb(134,101,168)
```
#9072af
```
#9072af rgb(144,114,175)
```
#9a7eb6
```
#9a7eb6 rgb(154,126,182)
```
#a38bbd
```
#a38bbd rgb(163,139,189)
```
#ad97c4
```
#ad97c4 rgb(173,151,196)
```
#b7a4cb
```
#b7a4cb rgb(183,164,203)
```
#c1b0d2
```
#c1b0d2 rgb(193,176,210)
```
#cbbdd9
```
#cbbdd9 rgb(203,189,217)
```
#d5c9e1
```
#d5c9e1 rgb(213,201,225)
```
#dfd6e8
```
#dfd6e8 rgb(223,214,232)
```
#e8e2ef
```
#e8e2ef rgb(232,226,239)
```
#f2eff6
```
#f2eff6 rgb(242,239,246)
```
#fcfbfd
```
#fcfbfd rgb(252,251,253)
```

Tint Color Variation

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

#555259
```
#555259 rgb(85,82,89)
```
#554b60
```
#554b60 rgb(85,75,96)
```
#554566
```
#554566 rgb(85,69,102)
```
#553e6d
```
#553e6d rgb(85,62,109)
```
#553774
```
#553774 rgb(85,55,116)
```
#55317a
```
#55317a rgb(85,49,122)
```
#552a81
```
#552a81 rgb(85,42,129)
```
#542487
```
#542487 rgb(84,36,135)
```
#541d8e
```
#541d8e rgb(84,29,142)
```
#541794
```
#541794 rgb(84,23,148)
```
#54109b
```
#54109b rgb(84,16,155)
```
#5409a2
```
#5409a2 rgb(84,9,162)
```
#5403a8
```
#5403a8 rgb(84,3,168)
```

Tone Color Variation

Below, you can see how #553e6d 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
#4c4851 Atypical Achromatopsia 0.001% of the population

Dichromacy

#40507a Protanopia 1% of men
#445071 Deuteranopia 1% of men
#574f54 Tritanopia 0.001% of the population

Trichromacy

#474975 Protanomaly 1% of men, 0.01% of women
#4a4a6f Deuteranomaly 6% of men, 0.4% of women
#56495d Tritanomaly 0.01% of the population

#553e6d hex color

#553e6d Color Information

#553e6d Color Conversion

Color Schemes with #553e6d

Alternatives to #553e6d

#553e6d Preview

Shades and Tints of #553e6d

Tones of #553e6d

Color Blindness Simulator