colorhexa.com

#553f4e hex color

In a RGB color space, hex #553f4e is composed of 33.3% red, 24.7% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.9% magenta, 8.2% yellow and 66.7% black. It has a hue angle of 319.1 degrees, a saturation of 14.9% and a lightness of 29%. #553f4e color hex could be obtained by blending #aa7e9c with #000000. Closest websafe color is: #663366.

- R 33
- G 25
- B 31
RGB color chart
- C 0
- M 26
- Y 8
- K 67
CMYK color chart

● #553f4e color description : Very dark grayish pink.

The hexadecimal color #553f4e has RGB values of R:85, G:63, B:78 and CMYK values of C:0, M:0.26, Y:0.08, K:0.67. Its decimal value is 5586766.

Hex triplet	553f4e	`#553f4e`
RGB Decimal	85, 63, 78	`rgb(85,63,78)`
RGB Percent	33.3, 24.7, 30.6	`rgb(33.3%,24.7%,30.6%)`
CMYK	0, 26, 8, 67
HSL	319.1°, 14.9, 29	`hsl(319.1,14.9%,29%)`
HSV (or HSB)	319.1°, 25.9, 33.3
Web Safe	663366	`#663366`

CIE-LAB	29.505, 12.428, -5.343
XYZ	6.899, 6.037, 8.009
xyY	0.329, 0.288, 6.037
CIE-LCH	29.505, 13.528, 336.738
CIE-LUV	29.505, 11.249, -8.089
Hunter-Lab	24.569, 7.124, -2.129
Binary	01010101, 00111111, 01001110

#553f4e
```
#553f4e rgb(85,63,78)
```
#3f5546
```
#3f5546 rgb(63,85,70)
```

Complementary Color

#513f55
```
#513f55 rgb(81,63,85)
```
#553f4e
```
#553f4e rgb(85,63,78)
```
#553f43
```
#553f43 rgb(85,63,67)
```

Analogous Color

#3f5551
```
#3f5551 rgb(63,85,81)
```
#553f4e
```
#553f4e rgb(85,63,78)
```
#43553f
```
#43553f rgb(67,85,63)
```

Split Complementary Color

#291e26
```
#291e26 rgb(41,30,38)
```
#382933
```
#382933 rgb(56,41,51)
```
#463441
```
#463441 rgb(70,52,65)
```
#553f4e
```
#553f4e rgb(85,63,78)
```
#644a5b
```
#644a5b rgb(100,74,91)
```
#725569
```
#725569 rgb(114,85,105)
```
#816076
```
#816076 rgb(129,96,118)
```

Monochromatic Color

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

#553f54
```
#553f54 rgb(85,63,84)
```
#553f52
```
#553f52 rgb(85,63,82)
```
#553f50
```
#553f50 rgb(85,63,80)
```
#553f4e
```
#553f4e rgb(85,63,78)
```
#553f4c
```
#553f4c rgb(85,63,76)
```
#553f4a
```
#553f4a rgb(85,63,74)
```
#553f49
```
#553f49 rgb(85,63,73)
```

Similar Colors

Text with hexadecimal color #553f4e

This text has a font color of #553f4e.

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

#553f4e background color

This paragraph has a background color of #553f4e.

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

#553f4e border color

This element has a border color of #553f4e.

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

CSS codes

.text {color:#553f4e;}

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

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

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

#060506
```
#060506 rgb(6,5,6)
```
#110d10
```
#110d10 rgb(17,13,16)
```
#1d151a
```
#1d151a rgb(29,21,26)
```
#281e25
```
#281e25 rgb(40,30,37)
```
#33262f
```
#33262f rgb(51,38,47)
```
#3e2e39
```
#3e2e39 rgb(62,46,57)
```
#4a3744
```
#4a3744 rgb(74,55,68)
```
#553f4e
```
#553f4e rgb(85,63,78)
```
#604758
```
#604758 rgb(96,71,88)
```
#6c5063
```
#6c5063 rgb(108,80,99)
```
#77586d
```
#77586d rgb(119,88,109)
```
#826077
```
#826077 rgb(130,96,119)
```
#8d6982
```
#8d6982 rgb(141,105,130)
```

Shade Color Variation

#97738b
```
#97738b rgb(151,115,139)
```
#9f7e95
```
#9f7e95 rgb(159,126,149)
```
#a8899e
```
#a8899e rgb(168,137,158)
```
#b094a7
```
#b094a7 rgb(176,148,167)
```
#b8a0b1
```
#b8a0b1 rgb(184,160,177)
```
#c1abba
```
#c1abba rgb(193,171,186)
```
#c9b6c3
```
#c9b6c3 rgb(201,182,195)
```
#d1c2cc
```
#d1c2cc rgb(209,194,204)
```
#dacdd6
```
#dacdd6 rgb(218,205,214)
```
#e2d8df
```
#e2d8df rgb(226,216,223)
```
#ebe3e8
```
#ebe3e8 rgb(235,227,232)
```
#f3eff2
```
#f3eff2 rgb(243,239,242)
```
#fbfafb
```
#fbfafb rgb(251,250,251)
```

Tint Color Variation

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

#4f454c
```
#4f454c rgb(79,69,76)
```
#553f4e
```
#553f4e rgb(85,63,78)
```
#5b3950
```
#5b3950 rgb(91,57,80)
```
#603452
```
#603452 rgb(96,52,82)
```
#662e54
```
#662e54 rgb(102,46,84)
```
#6c2856
```
#6c2856 rgb(108,40,86)
```
#712358
```
#712358 rgb(113,35,88)
```
#771d5a
```
#771d5a rgb(119,29,90)
```
#7d175c
```
#7d175c rgb(125,23,92)
```
#83115f
```
#83115f rgb(131,17,95)
```
#880c61
```
#880c61 rgb(136,12,97)
```
#8e0663
```
#8e0663 rgb(142,6,99)
```
#940065
```
#940065 rgb(148,0,101)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#4a4548 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c4e5a Protanopia 1% of men
#534d55 Deuteranopia 1% of men
#5c4a4f Tritanopia 0.001% of the population

Trichromacy

#4f4855 Protanomaly 1% of men, 0.01% of women
#534853 Deuteranomaly 6% of men, 0.4% of women
#59464f Tritanomaly 0.01% of the population