#553d31 hex color

In a RGB color space, hex #553d31 is composed of 33.3% red, 23.9% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.2% magenta, 42.4% yellow and 66.7% black. It has a hue angle of 20 degrees, a saturation of 26.9% and a lightness of 26.3%. #553d31 color hex could be obtained by blending #aa7a62 with #000000. Closest websafe color is: #663333.

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

● #553d31 color description : Very dark desaturated orange.

The hexadecimal color #553d31 has RGB values of R:85, G:61, B:49 and CMYK values of C:0, M:0.28, Y:0.42, K:0.67. Its decimal value is 5586225.

Hex triplet	553d31	`#553d31`
RGB Decimal	85, 61, 49	`rgb(85,61,49)`
RGB Percent	33.3, 23.9, 19.2	`rgb(33.3%,23.9%,19.2%)`
CMYK	0, 28, 42, 67
HSL	20°, 26.9, 26.3	`hsl(20,26.9%,26.3%)`
HSV (or HSB)	20°, 42.4, 33.3
Web Safe	663333	`#663333`

CIE-LAB	28.09, 8.706, 11.524
XYZ	5.969, 5.491, 3.651
xyY	0.395, 0.363, 5.491
CIE-LCH	28.09, 14.443, 52.929
CIE-LUV	28.09, 15.578, 10.735
Hunter-Lab	23.432, 4.466, 7.165
Binary	01010101, 00111101, 00110001

#553d31
```
#553d31 rgb(85,61,49)
```
#314955
```
#314955 rgb(49,73,85)
```

Complementary Color

#553137
```
#553137 rgb(85,49,55)
```
#553d31
```
#553d31 rgb(85,61,49)
```
#554f31
```
#554f31 rgb(85,79,49)
```

Analogous Color

#313755
```
#313755 rgb(49,55,85)
```
#553d31
```
#553d31 rgb(85,61,49)
```
#31554f
```
#31554f rgb(49,85,79)
```

Split Complementary Color

#3d3155
```
#3d3155 rgb(61,49,85)
```
#553d31
```
#553d31 rgb(85,61,49)
```
#31553d
```
#31553d rgb(49,85,61)
```

Triadic Color

#553149
```
#553149 rgb(85,49,73)
```
#553d31
```
#553d31 rgb(85,61,49)
```
#31553d
```
#31553d rgb(49,85,61)
```
#314955
```
#314955 rgb(49,73,85)
```

Tetradic Color

#241a15
```
#241a15 rgb(36,26,21)
```
#35261e
```
#35261e rgb(53,38,30)
```
#453128
```
#453128 rgb(69,49,40)
```
#553d31
```
#553d31 rgb(85,61,49)
```
#65493a
```
#65493a rgb(101,73,58)
```
#755444
```
#755444 rgb(117,84,68)
```
#86604d
```
#86604d rgb(134,96,77)
```

Monochromatic Color

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

#553431
```
#553431 rgb(85,52,49)
```
#553731
```
#553731 rgb(85,55,49)
```
#553a31
```
#553a31 rgb(85,58,49)
```
#553d31
```
#553d31 rgb(85,61,49)
```
#554031
```
#554031 rgb(85,64,49)
```
#554331
```
#554331 rgb(85,67,49)
```
#554631
```
#554631 rgb(85,70,49)
```

Similar Colors

Text with hexadecimal color #553d31

This text has a font color of #553d31.

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

#553d31 background color

This paragraph has a background color of #553d31.

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

#553d31 border color

This element has a border color of #553d31.

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

CSS codes

.text {color:#553d31;}

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

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

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, #0a0706 is the darkest color, while #fefdfd is the lightest one.

#0a0706
```
#0a0706 rgb(10,7,6)
```
#17100d
```
#17100d rgb(23,16,13)
```
#231914
```
#231914 rgb(35,25,20)
```
#30221b
```
#30221b rgb(48,34,27)
```
#3c2b23
```
#3c2b23 rgb(60,43,35)
```
#49342a
```
#49342a rgb(73,52,42)
```
#553d31
```
#553d31 rgb(85,61,49)
```
#614638
```
#614638 rgb(97,70,56)
```
#6e4f3f
```
#6e4f3f rgb(110,79,63)
```
#7a5847
```
#7a5847 rgb(122,88,71)
```
#87614e
```
#87614e rgb(135,97,78)
```
#936a55
```
#936a55 rgb(147,106,85)
```
#a0735c
```
#a0735c rgb(160,115,92)
```

Shade Color Variation

#a87d68
```
#a87d68 rgb(168,125,104)
```
#af8874
```
#af8874 rgb(175,136,116)
```
#b69280
```
#b69280 rgb(182,146,128)
```
#bd9d8d
```
#bd9d8d rgb(189,157,141)
```
#c4a899
```
#c4a899 rgb(196,168,153)
```
#ccb2a6
```
#ccb2a6 rgb(204,178,166)
```
#d3bdb2
```
#d3bdb2 rgb(211,189,178)
```
#dac8bf
```
#dac8bf rgb(218,200,191)
```
#e1d2cb
```
#e1d2cb rgb(225,210,203)
```
#e8ddd8
```
#e8ddd8 rgb(232,221,216)
```
#efe8e4
```
#efe8e4 rgb(239,232,228)
```
#f7f3f0
```
#f7f3f0 rgb(247,243,240)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#464240
```
#464240 rgb(70,66,64)
```
#4b403b
```
#4b403b rgb(75,64,59)
```
#503f36
```
#503f36 rgb(80,63,54)
```
#553d31
```
#553d31 rgb(85,61,49)
```
#5a3b2c
```
#5a3b2c rgb(90,59,44)
```
#5f3a27
```
#5f3a27 rgb(95,58,39)
```
#643822
```
#643822 rgb(100,56,34)
```
#6a361c
```
#6a361c rgb(106,54,28)
```
#6f3417
```
#6f3417 rgb(111,52,23)
```
#743312
```
#743312 rgb(116,51,18)
```
#79310d
```
#79310d rgb(121,49,13)
```
#7e2f08
```
#7e2f08 rgb(126,47,8)
```
#832e03
```
#832e03 rgb(131,46,3)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#47423f Atypical Achromatopsia 0.001% of the population

Dichromacy

#504b3d Protanopia 1% of men
#58493b Deuteranopia 1% of men
#5f4549 Tritanopia 0.001% of the population

Trichromacy

#524639 Protanomaly 1% of men, 0.01% of women
#574437 Deuteranomaly 6% of men, 0.4% of women
#5b4240 Tritanomaly 0.01% of the population

#553d31 hex color

#553d31 Color Information

#553d31 Color Conversion

Color Schemes with #553d31

Alternatives to #553d31

#553d31 Preview

Shades and Tints of #553d31

Tones of #553d31

Color Blindness Simulator