#553f6e hex color

In a RGB color space, hex #553f6e is composed of 33.3% red, 24.7% green and 43.1% blue. Whereas in a CMYK color space, it is composed of 22.7% cyan, 42.7% magenta, 0% yellow and 56.9% black. It has a hue angle of 268.1 degrees, a saturation of 27.2% and a lightness of 33.9%. #553f6e color hex could be obtained by blending #aa7edc with #000000. Closest websafe color is: #663366.

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

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

The hexadecimal color #553f6e has RGB values of R:85, G:63, B:110 and CMYK values of C:0.23, M:0.43, Y:0, K:0.57. Its decimal value is 5586798.

Hex triplet	553f6e	`#553f6e`
RGB Decimal	85, 63, 110	`rgb(85,63,110)`
RGB Percent	33.3, 24.7, 43.1	`rgb(33.3%,24.7%,43.1%)`
CMYK	23, 43, 0, 57
HSL	268.1°, 27.2, 33.9	`hsl(268.1,27.2%,33.9%)`
HSV (or HSB)	268.1°, 42.7, 43.1
Web Safe	663366	`#663366`

CIE-LAB	30.907, 19.979, -23.752
XYZ	8.338, 6.612, 15.588
xyY	0.273, 0.217, 6.612
CIE-LCH	30.907, 31.037, 310.069
CIE-LUV	30.907, 7.364, -33.197
Hunter-Lab	25.714, 12.879, -17.942
Binary	01010101, 00111111, 01101110

#553f6e
```
#553f6e rgb(85,63,110)
```
#586e3f
```
#586e3f rgb(88,110,63)
```

Complementary Color

#3f416e
```
#3f416e rgb(63,65,110)
```
#553f6e
```
#553f6e rgb(85,63,110)
```
#6d3f6e
```
#6d3f6e rgb(109,63,110)
```

Analogous Color

#416e3f
```
#416e3f rgb(65,110,63)
```
#553f6e
```
#553f6e rgb(85,63,110)
```
#6e6d3f
```
#6e6d3f rgb(110,109,63)
```

Split Complementary Color

#3f6e55
```
#3f6e55 rgb(63,110,85)
```
#553f6e
```
#553f6e rgb(85,63,110)
```
#6e553f
```
#6e553f rgb(110,85,63)
```

Triadic Color

#3f586e
```
#3f586e rgb(63,88,110)
```
#553f6e
```
#553f6e rgb(85,63,110)
```
#6e553f
```
#6e553f rgb(110,85,63)
```
#586e3f
```
#586e3f rgb(88,110,63)
```

Tetradic Color

#2f233d
```
#2f233d rgb(47,35,61)
```
#3c2c4e
```
#3c2c4e rgb(60,44,78)
```
#48365e
```
#48365e rgb(72,54,94)
```
#553f6e
```
#553f6e rgb(85,63,110)
```
#62487e
```
#62487e rgb(98,72,126)
```
#6e528e
```
#6e528e rgb(110,82,142)
```
#7b5b9f
```
#7b5b9f rgb(123,91,159)
```

Monochromatic Color

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

#493f6e
```
#493f6e rgb(73,63,110)
```
#4d3f6e
```
#4d3f6e rgb(77,63,110)
```
#513f6e
```
#513f6e rgb(81,63,110)
```
#553f6e
```
#553f6e rgb(85,63,110)
```
#593f6e
```
#593f6e rgb(89,63,110)
```
#5d3f6e
```
#5d3f6e rgb(93,63,110)
```
#613f6e
```
#613f6e rgb(97,63,110)
```

Similar Colors

Text with hexadecimal color #553f6e

This text has a font color of #553f6e.

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

#553f6e background color

This paragraph has a background color of #553f6e.

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

#553f6e border color

This element has a border color of #553f6e.

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

CSS codes

.text {color:#553f6e;}

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

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

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, #08060a is the darkest color, while #fdfdfe is the lightest one.

#08060a
```
#08060a rgb(8,6,10)
```
#120d17
```
#120d17 rgb(18,13,23)
```
#1b1423
```
#1b1423 rgb(27,20,35)
```
#251b30
```
#251b30 rgb(37,27,48)
```
#2e223c
```
#2e223c rgb(46,34,60)
```
#382a49
```
#382a49 rgb(56,42,73)
```
#423155
```
#423155 rgb(66,49,85)
```
#4b3862
```
#4b3862 rgb(75,56,98)
```
#553f6e
```
#553f6e rgb(85,63,110)
```
#5f467a
```
#5f467a rgb(95,70,122)
```
#684d87
```
#684d87 rgb(104,77,135)
```
#725493
```
#725493 rgb(114,84,147)
```
#7c5ca0
```
#7c5ca0 rgb(124,92,160)
```

Shade Color Variation

#8567a8
```
#8567a8 rgb(133,103,168)
```
#8f74af
```
#8f74af rgb(143,116,175)
```
#9980b6
```
#9980b6 rgb(153,128,182)
```
#a38dbd
```
#a38dbd rgb(163,141,189)
```
#ad99c5
```
#ad99c5 rgb(173,153,197)
```
#b7a5cc
```
#b7a5cc rgb(183,165,204)
```
#c1b2d3
```
#c1b2d3 rgb(193,178,211)
```
#cbbeda
```
#cbbeda rgb(203,190,218)
```
#d5cbe1
```
#d5cbe1 rgb(213,203,225)
```
#dfd7e8
```
#dfd7e8 rgb(223,215,232)
```
#e9e4ef
```
#e9e4ef rgb(233,228,239)
```
#f3f0f7
```
#f3f0f7 rgb(243,240,247)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #56535a is the less saturated color, while #5103aa is the most saturated one.

#56535a
```
#56535a rgb(86,83,90)
```
#564c61
```
#564c61 rgb(86,76,97)
```
#554667
```
#554667 rgb(85,70,103)
```
#553f6e
```
#553f6e rgb(85,63,110)
```
#553875
```
#553875 rgb(85,56,117)
```
#54327b
```
#54327b rgb(84,50,123)
```
#542b82
```
#542b82 rgb(84,43,130)
```
#532489
```
#532489 rgb(83,36,137)
```
#531e8f
```
#531e8f rgb(83,30,143)
```
#521796
```
#521796 rgb(82,23,150)
```
#52109d
```
#52109d rgb(82,16,157)
```
#520aa3
```
#520aa3 rgb(82,10,163)
```
#5103aa
```
#5103aa rgb(81,3,170)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#4d4952 Atypical Achromatopsia 0.001% of the population

Dichromacy

#41507b Protanopia 1% of men
#445172 Deuteranopia 1% of men
#575055 Tritanopia 0.001% of the population

Trichromacy

#484a76 Protanomaly 1% of men, 0.01% of women
#4a4a70 Deuteranomaly 6% of men, 0.4% of women
#56495e Tritanomaly 0.01% of the population

#553f6e hex color

#553f6e Color Information

#553f6e Color Conversion

Color Schemes with #553f6e

Alternatives to #553f6e

#553f6e Preview

Shades and Tints of #553f6e

Tones of #553f6e

Color Blindness Simulator