#7f5536 hex color

In a RGB color space, hex #7f5536 is composed of 49.8% red, 33.3% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.1% magenta, 57.5% yellow and 50.2% black. It has a hue angle of 25.5 degrees, a saturation of 40.3% and a lightness of 35.5%. #7f5536 color hex could be obtained by blending #feaa6c with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 50
- G 33
- B 21
RGB color chart
- C 0
- M 33
- Y 57
- K 50
CMYK color chart

● #7f5536 color description : Dark moderate orange.

The hexadecimal color #7f5536 has RGB values of R:127, G:85, B:54 and CMYK values of C:0, M:0.33, Y:0.57, K:0.5. Its decimal value is 8344886.

Hex triplet	7f5536	`#7f5536`
RGB Decimal	127, 85, 54	`rgb(127,85,54)`
RGB Percent	49.8, 33.3, 21.2	`rgb(49.8%,33.3%,21.2%)`
CMYK	0, 33, 57, 50
HSL	25.5°, 40.3, 35.5	`hsl(25.5,40.3%,35.5%)`
HSV (or HSB)	25.5°, 57.5, 49.8
Web Safe	666633	`#666633`

CIE-LAB	40.042, 13.837, 25.008
XYZ	12.667, 11.276, 4.999
xyY	0.438, 0.39, 11.276
CIE-LCH	40.042, 28.581, 61.043
CIE-LUV	40.042, 31.029, 24.634
Hunter-Lab	33.58, 8.568, 14.679
Binary	01111111, 01010101, 00110110

#7f5536
```
#7f5536 rgb(127,85,54)
```
#36607f
```
#36607f rgb(54,96,127)
```

Complementary Color

#7f363c
```
#7f363c rgb(127,54,60)
```
#7f5536
```
#7f5536 rgb(127,85,54)
```
#7f7a36
```
#7f7a36 rgb(127,122,54)
```

Analogous Color

#363c7f
```
#363c7f rgb(54,60,127)
```
#7f5536
```
#7f5536 rgb(127,85,54)
```
#367f7a
```
#367f7a rgb(54,127,122)
```

Split Complementary Color

#55367f
```
#55367f rgb(85,54,127)
```
#7f5536
```
#7f5536 rgb(127,85,54)
```
#367f55
```
#367f55 rgb(54,127,85)
```

Triadic Color

#7f3660
```
#7f3660 rgb(127,54,96)
```
#7f5536
```
#7f5536 rgb(127,85,54)
```
#367f55
```
#367f55 rgb(54,127,85)
```
#36607f
```
#36607f rgb(54,96,127)
```

Tetradic Color

#49311f
```
#49311f rgb(73,49,31)
```
#5b3d27
```
#5b3d27 rgb(91,61,39)
```
#6d492e
```
#6d492e rgb(109,73,46)
```
#7f5536
```
#7f5536 rgb(127,85,54)
```
#91613e
```
#91613e rgb(145,97,62)
```
#a36d45
```
#a36d45 rgb(163,109,69)
```
#b4794e
```
#b4794e rgb(180,121,78)
```

Monochromatic Color

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

#7f4336
```
#7f4336 rgb(127,67,54)
```
#7f4936
```
#7f4936 rgb(127,73,54)
```
#7f4f36
```
#7f4f36 rgb(127,79,54)
```
#7f5536
```
#7f5536 rgb(127,85,54)
```
#7f5b36
```
#7f5b36 rgb(127,91,54)
```
#7f6136
```
#7f6136 rgb(127,97,54)
```
#7f6736
```
#7f6736 rgb(127,103,54)
```

Similar Colors

Text with hexadecimal color #7f5536

This text has a font color of #7f5536.

<span style="color:#7f5536;">Text here</span>

#7f5536 background color

This paragraph has a background color of #7f5536.

<p style="background-color:#7f5536;">Content here</p>

#7f5536 border color

This element has a border color of #7f5536.

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

CSS codes

.text {color:#7f5536;}

.background {background-color:#7f5536;}

.border {border:1px solid #7f5536;}

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

#030201
```
#030201 rgb(3,2,1)
```
#110b07
```
#110b07 rgb(17,11,7)
```
#1f150d
```
#1f150d rgb(31,21,13)
```
#2c1e13
```
#2c1e13 rgb(44,30,19)
```
#3a2719
```
#3a2719 rgb(58,39,25)
```
#48301f
```
#48301f rgb(72,48,31)
```
#563924
```
#563924 rgb(86,57,36)
```
#63432a
```
#63432a rgb(99,67,42)
```
#714c30
```
#714c30 rgb(113,76,48)
```
#7f5536
```
#7f5536 rgb(127,85,54)
```
#8d5e3c
```
#8d5e3c rgb(141,94,60)
```
#9b6742
```
#9b6742 rgb(155,103,66)
```
#a87148
```
#a87148 rgb(168,113,72)
```

Shade Color Variation

#b47a4f
```
#b47a4f rgb(180,122,79)
```
#ba855d
```
#ba855d rgb(186,133,93)
```
#c08f6b
```
#c08f6b rgb(192,143,107)
```
#c69978
```
#c69978 rgb(198,153,120)
```
#cca486
```
#cca486 rgb(204,164,134)
```
#d2ae94
```
#d2ae94 rgb(210,174,148)
```
#d7b9a2
```
#d7b9a2 rgb(215,185,162)
```
#ddc3b0
```
#ddc3b0 rgb(221,195,176)
```
#e3cdbd
```
#e3cdbd rgb(227,205,189)
```
#e9d8cb
```
#e9d8cb rgb(233,216,203)
```
#efe2d9
```
#efe2d9 rgb(239,226,217)
```
#f5ede7
```
#f5ede7 rgb(245,237,231)
```
#faf7f4
```
#faf7f4 rgb(250,247,244)
```

Tint Color Variation

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

#5c5a59
```
#5c5a59 rgb(92,90,89)
```
#635952
```
#635952 rgb(99,89,82)
```
#6a584b
```
#6a584b rgb(106,88,75)
```
#715744
```
#715744 rgb(113,87,68)
```
#78563d
```
#78563d rgb(120,86,61)
```
#7f5536
```
#7f5536 rgb(127,85,54)
```
#86542f
```
#86542f rgb(134,84,47)
```
#8d5328
```
#8d5328 rgb(141,83,40)
```
#945221
```
#945221 rgb(148,82,33)
```
#9b511a
```
#9b511a rgb(155,81,26)
```
#a25013
```
#a25013 rgb(162,80,19)
```
#a94f0c
```
#a94f0c rgb(169,79,12)
```
#b04e05
```
#b04e05 rgb(176,78,5)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#655c56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f6643 Protanopia 1% of men
#7b623f Deuteranopia 1% of men
#88595f Tritanopia 0.001% of the population

Trichromacy

#75603e Protanomaly 1% of men, 0.01% of women
#7c5d3b Deuteranomaly 6% of men, 0.4% of women
#845850 Tritanomaly 0.01% of the population

#7f5536 hex color

#7f5536 Color Information

#7f5536 Color Conversion

Color Schemes with #7f5536

Alternatives to #7f5536

#7f5536 Preview

Shades and Tints of #7f5536

Tones of #7f5536

Color Blindness Simulator