#553e62 hex color

In a RGB color space, hex #553e62 is composed of 33.3% red, 24.3% green and 38.4% blue. Whereas in a CMYK color space, it is composed of 13.3% cyan, 36.7% magenta, 0% yellow and 61.6% black. It has a hue angle of 278.3 degrees, a saturation of 22.5% and a lightness of 31.4%. #553e62 color hex could be obtained by blending #aa7cc4 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 33
- G 24
- B 38
RGB color chart
- C 13
- M 37
- Y 0
- K 62
CMYK color chart

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

The hexadecimal color #553e62 has RGB values of R:85, G:62, B:98 and CMYK values of C:0.13, M:0.37, Y:0, K:0.62. Its decimal value is 5586530.

Hex triplet	553e62	`#553e62`
RGB Decimal	85, 62, 98	`rgb(85,62,98)`
RGB Percent	33.3, 24.3, 38.4	`rgb(33.3%,24.3%,38.4%)`
CMYK	13, 37, 0, 62
HSL	278.3°, 22.5, 31.4	`hsl(278.3,22.5%,31.4%)`
HSV (or HSB)	278.3°, 36.7, 38.4
Web Safe	663366	`#663366`

CIE-LAB	30.056, 17.582, -17.429
XYZ	7.673, 6.259, 12.358
xyY	0.292, 0.238, 6.259
CIE-LCH	30.056, 24.757, 315.252
CIE-LUV	30.056, 9.208, -24.231
Hunter-Lab	25.017, 10.97, -11.777
Binary	01010101, 00111110, 01100010

#553e62
```
#553e62 rgb(85,62,98)
```
#4b623e
```
#4b623e rgb(75,98,62)
```

Complementary Color

#433e62
```
#433e62 rgb(67,62,98)
```
#553e62
```
#553e62 rgb(85,62,98)
```
#623e5d
```
#623e5d rgb(98,62,93)
```

Analogous Color

#3e6243
```
#3e6243 rgb(62,98,67)
```
#553e62
```
#553e62 rgb(85,62,98)
```
#5d623e
```
#5d623e rgb(93,98,62)
```

Split Complementary Color

#3e6255
```
#3e6255 rgb(62,98,85)
```
#553e62
```
#553e62 rgb(85,62,98)
```
#62553e
```
#62553e rgb(98,85,62)
```

Triadic Color

#3e4b62
```
#3e4b62 rgb(62,75,98)
```
#553e62
```
#553e62 rgb(85,62,98)
```
#62553e
```
#62553e rgb(98,85,62)
```
#4b623e
```
#4b623e rgb(75,98,62)
```

Tetradic Color

#2c2033
```
#2c2033 rgb(44,32,51)
```
#3a2a43
```
#3a2a43 rgb(58,42,67)
```
#473452
```
#473452 rgb(71,52,82)
```
#553e62
```
#553e62 rgb(85,62,98)
```
#634872
```
#634872 rgb(99,72,114)
```
#705281
```
#705281 rgb(112,82,129)
```
#7e5c91
```
#7e5c91 rgb(126,92,145)
```

Monochromatic Color

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

#4c3e62
```
#4c3e62 rgb(76,62,98)
```
#4f3e62
```
#4f3e62 rgb(79,62,98)
```
#523e62
```
#523e62 rgb(82,62,98)
```
#553e62
```
#553e62 rgb(85,62,98)
```
#583e62
```
#583e62 rgb(88,62,98)
```
#5b3e62
```
#5b3e62 rgb(91,62,98)
```
#5e3e62
```
#5e3e62 rgb(94,62,98)
```

Similar Colors

Text with hexadecimal color #553e62

This text has a font color of #553e62.

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

#553e62 background color

This paragraph has a background color of #553e62.

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

#553e62 border color

This element has a border color of #553e62.

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

CSS codes

.text {color:#553e62;}

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

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

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

#020102
```
#020102 rgb(2,1,2)
```
#0c090e
```
#0c090e rgb(12,9,14)
```
#16101a
```
#16101a rgb(22,16,26)
```
#211826
```
#211826 rgb(33,24,38)
```
#2b2032
```
#2b2032 rgb(43,32,50)
```
#36273e
```
#36273e rgb(54,39,62)
```
#402f4a
```
#402f4a rgb(64,47,74)
```
#4b3656
```
#4b3656 rgb(75,54,86)
```
#553e62
```
#553e62 rgb(85,62,98)
```
#5f466e
```
#5f466e rgb(95,70,110)
```
#6a4d7a
```
#6a4d7a rgb(106,77,122)
```
#745586
```
#745586 rgb(116,85,134)
```
#7f5c92
```
#7f5c92 rgb(127,92,146)
```

Shade Color Variation

#89659d
```
#89659d rgb(137,101,157)
```
#9271a5
```
#9271a5 rgb(146,113,165)
```
#9b7dad
```
#9b7dad rgb(155,125,173)
```
#a489b4
```
#a489b4 rgb(164,137,180)
```
#ae95bc
```
#ae95bc rgb(174,149,188)
```
#b7a1c3
```
#b7a1c3 rgb(183,161,195)
```
#c0adcb
```
#c0adcb rgb(192,173,203)
```
#c9b9d3
```
#c9b9d3 rgb(201,185,211)
```
#d2c5da
```
#d2c5da rgb(210,197,218)
```
#dcd1e2
```
#dcd1e2 rgb(220,209,226)
```
#e5dde9
```
#e5dde9 rgb(229,221,233)
```
#eee9f1
```
#eee9f1 rgb(238,233,241)
```
#f7f5f9
```
#f7f5f9 rgb(247,245,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #524a56 is the less saturated color, while #6600a0 is the most saturated one.

#524a56
```
#524a56 rgb(82,74,86)
```
#53445c
```
#53445c rgb(83,68,92)
```
#553e62
```
#553e62 rgb(85,62,98)
```
#573868
```
#573868 rgb(87,56,104)
```
#58326e
```
#58326e rgb(88,50,110)
```
#5a2c74
```
#5a2c74 rgb(90,44,116)
```
#5c257b
```
#5c257b rgb(92,37,123)
```
#5e1f81
```
#5e1f81 rgb(94,31,129)
```
#5f1987
```
#5f1987 rgb(95,25,135)
```
#61138d
```
#61138d rgb(97,19,141)
```
#630d93
```
#630d93 rgb(99,13,147)
```
#640799
```
#640799 rgb(100,7,153)
```
#6600a0
```
#6600a0 rgb(102,0,160)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#4b474e Atypical Achromatopsia 0.001% of the population

Dichromacy

#454f6f Protanopia 1% of men
#4a4f67 Deuteranopia 1% of men
#594d52 Tritanopia 0.001% of the population

Trichromacy

#4b496a Protanomaly 1% of men, 0.01% of women
#4e4865 Deuteranomaly 6% of men, 0.4% of women
#574758 Tritanomaly 0.01% of the population

#553e62 hex color

#553e62 Color Information

#553e62 Color Conversion

Color Schemes with #553e62

Alternatives to #553e62

#553e62 Preview

Shades and Tints of #553e62

Tones of #553e62

Color Blindness Simulator