colorhexa.com

#5f4522 hex color

In a RGB color space, hex #5f4522 is composed of 37.3% red, 27.1% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.4% magenta, 64.2% yellow and 62.7% black. It has a hue angle of 34.4 degrees, a saturation of 47.3% and a lightness of 25.3%. #5f4522 color hex could be obtained by blending #be8a44 with #000000. Closest websafe color is: #663333.

- R 37
- G 27
- B 13
RGB color chart
- C 0
- M 27
- Y 64
- K 63
CMYK color chart

● #5f4522 color description : Very dark orange [Brown tone].

The hexadecimal color #5f4522 has RGB values of R:95, G:69, B:34 and CMYK values of C:0, M:0.27, Y:0.64, K:0.63. Its decimal value is 6243618.

Hex triplet	5f4522	`#5f4522`
RGB Decimal	95, 69, 34	`rgb(95,69,34)`
RGB Percent	37.3, 27.1, 13.3	`rgb(37.3%,27.1%,13.3%)`
CMYK	0, 27, 64, 63
HSL	34.4°, 47.3, 25.3	`hsl(34.4,47.3%,25.3%)`
HSV (or HSB)	34.4°, 64.2, 37.3
Web Safe	663333	`#663333`

CIE-LAB	31.359, 6.802, 25.183
XYZ	7.136, 6.805, 2.451
xyY	0.435, 0.415, 6.805
CIE-LCH	31.359, 26.085, 74.886
CIE-LUV	31.359, 19.18, 23.271
Hunter-Lab	26.086, 3.18, 12.69
Binary	01011111, 01000101, 00100010

#5f4522
```
#5f4522 rgb(95,69,34)
```
#223c5f
```
#223c5f rgb(34,60,95)
```

Complementary Color

#5f2722
```
#5f2722 rgb(95,39,34)
```
#5f4522
```
#5f4522 rgb(95,69,34)
```
#5b5f22
```
#5b5f22 rgb(91,95,34)
```

Analogous Color

#27225f
```
#27225f rgb(39,34,95)
```
#5f4522
```
#5f4522 rgb(95,69,34)
```
#225b5f
```
#225b5f rgb(34,91,95)
```

Split Complementary Color

#271c0e
```
#271c0e rgb(39,28,14)
```
#392a15
```
#392a15 rgb(57,42,21)
```
#4c371b
```
#4c371b rgb(76,55,27)
```
#5f4522
```
#5f4522 rgb(95,69,34)
```
#725329
```
#725329 rgb(114,83,41)
```
#85602f
```
#85602f rgb(133,96,47)
```
#976e36
```
#976e36 rgb(151,110,54)
```

Monochromatic Color

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

#5f3622
```
#5f3622 rgb(95,54,34)
```
#5f3b22
```
#5f3b22 rgb(95,59,34)
```
#5f4022
```
#5f4022 rgb(95,64,34)
```
#5f4522
```
#5f4522 rgb(95,69,34)
```
#5f4a22
```
#5f4a22 rgb(95,74,34)
```
#5f4f22
```
#5f4f22 rgb(95,79,34)
```
#5f5422
```
#5f5422 rgb(95,84,34)
```

Similar Colors

Text with hexadecimal color #5f4522

This text has a font color of #5f4522.

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

#5f4522 background color

This paragraph has a background color of #5f4522.

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

#5f4522 border color

This element has a border color of #5f4522.

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

CSS codes

.text {color:#5f4522;}

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

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

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

#080603
```
#080603 rgb(8,6,3)
```
#171108
```
#171108 rgb(23,17,8)
```
#251b0d
```
#251b0d rgb(37,27,13)
```
#342612
```
#342612 rgb(52,38,18)
```
#423018
```
#423018 rgb(66,48,24)
```
#513b1d
```
#513b1d rgb(81,59,29)
```
#5f4522
```
#5f4522 rgb(95,69,34)
```
#6d4f27
```
#6d4f27 rgb(109,79,39)
```
#7c5a2c
```
#7c5a2c rgb(124,90,44)
```
#8a6432
```
#8a6432 rgb(138,100,50)
```
#996f37
```
#996f37 rgb(153,111,55)
```
#a7793c
```
#a7793c rgb(167,121,60)
```
#b68441
```
#b68441 rgb(182,132,65)
```

Shade Color Variation

#bf8e4c
```
#bf8e4c rgb(191,142,76)
```
#c4975a
```
#c4975a rgb(196,151,90)
```
#c9a068
```
#c9a068 rgb(201,160,104)
```
#cea977
```
#cea977 rgb(206,169,119)
```
#d3b285
```
#d3b285 rgb(211,178,133)
```
#d9bb94
```
#d9bb94 rgb(217,187,148)
```
#dec4a2
```
#dec4a2 rgb(222,196,162)
```
#e3ceb1
```
#e3ceb1 rgb(227,206,177)
```
#e8d7bf
```
#e8d7bf rgb(232,215,191)
```
#ede0ce
```
#ede0ce rgb(237,224,206)
```
#f2e9dc
```
#f2e9dc rgb(242,233,220)
```
#f8f2ea
```
#f8f2ea rgb(248,242,234)
```
#fdfbf9
```
#fdfbf9 rgb(253,251,249)
```

Tint Color Variation

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

#414140
```
#414140 rgb(65,65,64)
```
#46413b
```
#46413b rgb(70,65,59)
```
#4b4236
```
#4b4236 rgb(75,66,54)
```
#504331
```
#504331 rgb(80,67,49)
```
#55442c
```
#55442c rgb(85,68,44)
```
#5a4427
```
#5a4427 rgb(90,68,39)
```
#5f4522
```
#5f4522 rgb(95,69,34)
```
#64461d
```
#64461d rgb(100,70,29)
```
#694618
```
#694618 rgb(105,70,24)
```
#6e4713
```
#6e4713 rgb(110,71,19)
```
#73480e
```
#73480e rgb(115,72,14)
```
#784909
```
#784909 rgb(120,73,9)
```
#7d4904
```
#7d4904 rgb(125,73,4)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#4d4841 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b532f Protanopia 1% of men
#654f2d Deuteranopia 1% of men
#6a4a4f Tritanopia 0.001% of the population

Trichromacy

#5c4e2a Protanomaly 1% of men, 0.01% of women
#634b29 Deuteranomaly 6% of men, 0.4% of women
#66483f Tritanomaly 0.01% of the population