#5f553d hex color

In a RGB color space, hex #5f553d is composed of 37.3% red, 33.3% green and 23.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.5% magenta, 35.8% yellow and 62.7% black. It has a hue angle of 42.4 degrees, a saturation of 21.8% and a lightness of 30.6%. #5f553d color hex could be obtained by blending #beaa7a with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 37
- G 33
- B 24
RGB color chart
- C 0
- M 11
- Y 36
- K 63
CMYK color chart

● #5f553d color description : Very dark desaturated orange.

The hexadecimal color #5f553d has RGB values of R:95, G:85, B:61 and CMYK values of C:0, M:0.11, Y:0.36, K:0.63. Its decimal value is 6247741.

Hex triplet	5f553d	`#5f553d`
RGB Decimal	95, 85, 61	`rgb(95,85,61)`
RGB Percent	37.3, 33.3, 23.9	`rgb(37.3%,33.3%,23.9%)`
CMYK	0, 11, 36, 63
HSL	42.4°, 21.8, 30.6	`hsl(42.4,21.8%,30.6%)`
HSV (or HSB)	42.4°, 35.8, 37.3
Web Safe	666633	`#666633`

CIE-LAB	36.493, 0.017, 15.517
XYZ	8.81, 9.267, 5.739
xyY	0.37, 0.389, 9.267
CIE-LCH	36.493, 15.517, 89.936
CIE-LUV	36.493, 7.446, 17.57
Hunter-Lab	30.442, -1.614, 10.131
Binary	01011111, 01010101, 00111101

#5f553d
```
#5f553d rgb(95,85,61)
```
#3d475f
```
#3d475f rgb(61,71,95)
```

Complementary Color

#5f443d
```
#5f443d rgb(95,68,61)
```
#5f553d
```
#5f553d rgb(95,85,61)
```
#585f3d
```
#585f3d rgb(88,95,61)
```

Analogous Color

#443d5f
```
#443d5f rgb(68,61,95)
```
#5f553d
```
#5f553d rgb(95,85,61)
```
#3d585f
```
#3d585f rgb(61,88,95)
```

Split Complementary Color

#553d5f
```
#553d5f rgb(85,61,95)
```
#5f553d
```
#5f553d rgb(95,85,61)
```
#3d5f55
```
#3d5f55 rgb(61,95,85)
```

Triadic Color

#5f3d47
```
#5f3d47 rgb(95,61,71)
```
#5f553d
```
#5f553d rgb(95,85,61)
```
#3d5f55
```
#3d5f55 rgb(61,95,85)
```
#3d475f
```
#3d475f rgb(61,71,95)
```

Tetradic Color

#302b1f
```
#302b1f rgb(48,43,31)
```
#403929
```
#403929 rgb(64,57,41)
```
#4f4733
```
#4f4733 rgb(79,71,51)
```
#5f553d
```
#5f553d rgb(95,85,61)
```
#6f6347
```
#6f6347 rgb(111,99,71)
```
#7e7151
```
#7e7151 rgb(126,113,81)
```
#8e7f5b
```
#8e7f5b rgb(142,127,91)
```

Monochromatic Color

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

#5f4d3d
```
#5f4d3d rgb(95,77,61)
```
#5f4f3d
```
#5f4f3d rgb(95,79,61)
```
#5f523d
```
#5f523d rgb(95,82,61)
```
#5f553d
```
#5f553d rgb(95,85,61)
```
#5f583d
```
#5f583d rgb(95,88,61)
```
#5f5b3d
```
#5f5b3d rgb(95,91,61)
```
#5f5e3d
```
#5f5e3d rgb(95,94,61)
```

Similar Colors

Text with hexadecimal color #5f553d

This text has a font color of #5f553d.

<span style="color:#5f553d;">Text here</span>

#5f553d background color

This paragraph has a background color of #5f553d.

<p style="background-color:#5f553d;">Content here</p>

#5f553d border color

This element has a border color of #5f553d.

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

CSS codes

.text {color:#5f553d;}

.background {background-color:#5f553d;}

.border {border:1px solid #5f553d;}

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

#0b0a07
```
#0b0a07 rgb(11,10,7)
```
#17150f
```
#17150f rgb(23,21,15)
```
#232017
```
#232017 rgb(35,32,23)
```
#2f2a1e
```
#2f2a1e rgb(47,42,30)
```
#3b3526
```
#3b3526 rgb(59,53,38)
```
#47402e
```
#47402e rgb(71,64,46)
```
#534a35
```
#534a35 rgb(83,74,53)
```
#5f553d
```
#5f553d rgb(95,85,61)
```
#6b6045
```
#6b6045 rgb(107,96,69)
```
#776a4c
```
#776a4c rgb(119,106,76)
```
#837554
```
#837554 rgb(131,117,84)
```
#8f805c
```
#8f805c rgb(143,128,92)
```
#9b8a63
```
#9b8a63 rgb(155,138,99)
```

Shade Color Variation

#a3936f
```
#a3936f rgb(163,147,111)
```
#aa9c7b
```
#aa9c7b rgb(170,156,123)
```
#b2a587
```
#b2a587 rgb(178,165,135)
```
#baae93
```
#baae93 rgb(186,174,147)
```
#c1b79f
```
#c1b79f rgb(193,183,159)
```
#c9c0ab
```
#c9c0ab rgb(201,192,171)
```
#d1c9b7
```
#d1c9b7 rgb(209,201,183)
```
#d8d2c3
```
#d8d2c3 rgb(216,210,195)
```
#e0dbcf
```
#e0dbcf rgb(224,219,207)
```
#e8e4db
```
#e8e4db rgb(232,228,219)
```
#efede7
```
#efede7 rgb(239,237,231)
```
#f7f6f2
```
#f7f6f2 rgb(247,246,242)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#535049
```
#535049 rgb(83,80,73)
```
#595343
```
#595343 rgb(89,83,67)
```
#5f553d
```
#5f553d rgb(95,85,61)
```
#655737
```
#655737 rgb(101,87,55)
```
#6b5a31
```
#6b5a31 rgb(107,90,49)
```
#715c2b
```
#715c2b rgb(113,92,43)
```
#775f25
```
#775f25 rgb(119,95,37)
```
#7d611f
```
#7d611f rgb(125,97,31)
```
#836419
```
#836419 rgb(131,100,25)
```
#896613
```
#896613 rgb(137,102,19)
```
#8f690d
```
#8f690d rgb(143,105,13)
```
#956b07
```
#956b07 rgb(149,107,7)
```
#9b6e01
```
#9b6e01 rgb(155,110,1)
```

Tone Color Variation

Below, you can see how #5f553d 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

#555555 Achromatopsia 0.005% of the population
#575550 Atypical Achromatopsia 0.001% of the population

Dichromacy

#655e47 Protanopia 1% of men
#6e5b47 Deuteranopia 1% of men
#6a5a60 Tritanopia 0.001% of the population

Trichromacy

#635b43 Protanomaly 1% of men, 0.01% of women
#695843 Deuteranomaly 6% of men, 0.4% of women
#665853 Tritanomaly 0.01% of the population

#5f553d hex color

#5f553d Color Information

#5f553d Color Conversion

Color Schemes with #5f553d

Alternatives to #5f553d

#5f553d Preview

Shades and Tints of #5f553d

Tones of #5f553d

Color Blindness Simulator