#553f31 hex color

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

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

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

The hexadecimal color #553f31 has RGB values of R:85, G:63, B:49 and CMYK values of C:0, M:0.26, Y:0.42, K:0.67. Its decimal value is 5586737.

Hex triplet	553f31	`#553f31`
RGB Decimal	85, 63, 49	`rgb(85,63,49)`
RGB Percent	33.3, 24.7, 19.2	`rgb(33.3%,24.7%,19.2%)`
CMYK	0, 26, 42, 67
HSL	23.3°, 26.9, 26.3	`hsl(23.3,26.9%,26.3%)`
HSV (or HSB)	23.3°, 42.4, 33.3
Web Safe	663333	`#663333`

CIE-LAB	28.664, 7.429, 12.302
XYZ	6.078, 5.708, 3.687
xyY	0.393, 0.369, 5.708
CIE-LCH	28.664, 14.371, 58.873
CIE-LUV	28.664, 14.439, 11.772
Hunter-Lab	23.892, 3.6, 7.574
Binary	01010101, 00111111, 00110001

#553f31
```
#553f31 rgb(85,63,49)
```
#314755
```
#314755 rgb(49,71,85)
```

Complementary Color

#553135
```
#553135 rgb(85,49,53)
```
#553f31
```
#553f31 rgb(85,63,49)
```
#555131
```
#555131 rgb(85,81,49)
```

Analogous Color

#313555
```
#313555 rgb(49,53,85)
```
#553f31
```
#553f31 rgb(85,63,49)
```
#315551
```
#315551 rgb(49,85,81)
```

Split Complementary Color

#3f3155
```
#3f3155 rgb(63,49,85)
```
#553f31
```
#553f31 rgb(85,63,49)
```
#31553f
```
#31553f rgb(49,85,63)
```

Triadic Color

#553147
```
#553147 rgb(85,49,71)
```
#553f31
```
#553f31 rgb(85,63,49)
```
#31553f
```
#31553f rgb(49,85,63)
```
#314755
```
#314755 rgb(49,71,85)
```

Tetradic Color

#241b15
```
#241b15 rgb(36,27,21)
```
#35271e
```
#35271e rgb(53,39,30)
```
#453328
```
#453328 rgb(69,51,40)
```
#553f31
```
#553f31 rgb(85,63,49)
```
#654b3a
```
#654b3a rgb(101,75,58)
```
#755744
```
#755744 rgb(117,87,68)
```
#86634d
```
#86634d rgb(134,99,77)
```

Monochromatic Color

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

#553631
```
#553631 rgb(85,54,49)
```
#553931
```
#553931 rgb(85,57,49)
```
#553c31
```
#553c31 rgb(85,60,49)
```
#553f31
```
#553f31 rgb(85,63,49)
```
#554231
```
#554231 rgb(85,66,49)
```
#554531
```
#554531 rgb(85,69,49)
```
#554831
```
#554831 rgb(85,72,49)
```

Similar Colors

Text with hexadecimal color #553f31

This text has a font color of #553f31.

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

#553f31 background color

This paragraph has a background color of #553f31.

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

#553f31 border color

This element has a border color of #553f31.

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

CSS codes

.text {color:#553f31;}

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

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

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

#0a0806
```
#0a0806 rgb(10,8,6)
```
#17110d
```
#17110d rgb(23,17,13)
```
#231a14
```
#231a14 rgb(35,26,20)
```
#30231b
```
#30231b rgb(48,35,27)
```
#3c2d23
```
#3c2d23 rgb(60,45,35)
```
#49362a
```
#49362a rgb(73,54,42)
```
#553f31
```
#553f31 rgb(85,63,49)
```
#614838
```
#614838 rgb(97,72,56)
```
#6e513f
```
#6e513f rgb(110,81,63)
```
#7a5b47
```
#7a5b47 rgb(122,91,71)
```
#87644e
```
#87644e rgb(135,100,78)
```
#936d55
```
#936d55 rgb(147,109,85)
```
#a0765c
```
#a0765c rgb(160,118,92)
```

Shade Color Variation

#a88168
```
#a88168 rgb(168,129,104)
```
#af8b74
```
#af8b74 rgb(175,139,116)
```
#b69580
```
#b69580 rgb(182,149,128)
```
#bda08d
```
#bda08d rgb(189,160,141)
```
#c4aa99
```
#c4aa99 rgb(196,170,153)
```
#ccb4a6
```
#ccb4a6 rgb(204,180,166)
```
#d3bfb2
```
#d3bfb2 rgb(211,191,178)
```
#dac9bf
```
#dac9bf rgb(218,201,191)
```
#e1d4cb
```
#e1d4cb rgb(225,212,203)
```
#e8ded8
```
#e8ded8 rgb(232,222,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 #833503 is the most saturated one.

#464240
```
#464240 rgb(70,66,64)
```
#4b413b
```
#4b413b rgb(75,65,59)
```
#504036
```
#504036 rgb(80,64,54)
```
#553f31
```
#553f31 rgb(85,63,49)
```
#5a3e2c
```
#5a3e2c rgb(90,62,44)
```
#5f3d27
```
#5f3d27 rgb(95,61,39)
```
#643c22
```
#643c22 rgb(100,60,34)
```
#6a3a1c
```
#6a3a1c rgb(106,58,28)
```
#6f3917
```
#6f3917 rgb(111,57,23)
```
#743812
```
#743812 rgb(116,56,18)
```
#79370d
```
#79370d rgb(121,55,13)
```
#7e3608
```
#7e3608 rgb(126,54,8)
```
#833503
```
#833503 rgb(131,53,3)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#474340 Atypical Achromatopsia 0.001% of the population

Dichromacy

#524d3d Protanopia 1% of men
#5a4a3b Deuteranopia 1% of men
#5f464b Tritanopia 0.001% of the population

Trichromacy

#534838 Protanomaly 1% of men, 0.01% of women
#584637 Deuteranomaly 6% of men, 0.4% of women
#5b4341 Tritanomaly 0.01% of the population

#553f31 hex color

#553f31 Color Information

#553f31 Color Conversion

Color Schemes with #553f31

Alternatives to #553f31

#553f31 Preview

Shades and Tints of #553f31

Tones of #553f31

Color Blindness Simulator