colorhexa.com

#7c5f28 hex color

In a RGB color space, hex #7c5f28 is composed of 48.6% red, 37.3% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.4% magenta, 67.7% yellow and 51.4% black. It has a hue angle of 39.3 degrees, a saturation of 51.2% and a lightness of 32.2%. #7c5f28 color hex could be obtained by blending #f8be50 with #000000. Closest websafe color is: #666633.

- R 49
- G 37
- B 16
RGB color chart
- C 0
- M 23
- Y 68
- K 51
CMYK color chart

● #7c5f28 color description : Dark moderate orange.

The hexadecimal color #7c5f28 has RGB values of R:124, G:95, B:40 and CMYK values of C:0, M:0.23, Y:0.68, K:0.51. Its decimal value is 8150824.

Hex triplet	7c5f28	`#7c5f28`
RGB Decimal	124, 95, 40	`rgb(124,95,40)`
RGB Percent	48.6, 37.3, 15.7	`rgb(48.6%,37.3%,15.7%)`
CMYK	0, 23, 68, 51
HSL	39.3°, 51.2, 32.2	`hsl(39.3,51.2%,32.2%)`
HSV (or HSB)	39.3°, 67.7, 48.6
Web Safe	666633	`#666633`

CIE-LAB	42.19, 5.385, 35.139
XYZ	12.788, 12.623, 3.77
xyY	0.438, 0.433, 12.623
CIE-LCH	42.19, 35.549, 81.288
CIE-LUV	42.19, 22.925, 35.06
Hunter-Lab	35.529, 2.069, 18.579
Binary	01111100, 01011111, 00101000

#7c5f28
```
#7c5f28 rgb(124,95,40)
```
#28457c
```
#28457c rgb(40,69,124)
```

Complementary Color

#7c3528
```
#7c3528 rgb(124,53,40)
```
#7c5f28
```
#7c5f28 rgb(124,95,40)
```
#6f7c28
```
#6f7c28 rgb(111,124,40)
```

Analogous Color

#35287c
```
#35287c rgb(53,40,124)
```
#7c5f28
```
#7c5f28 rgb(124,95,40)
```
#286f7c
```
#286f7c rgb(40,111,124)
```

Split Complementary Color

#5f287c
```
#5f287c rgb(95,40,124)
```
#7c5f28
```
#7c5f28 rgb(124,95,40)
```
#287c5f
```
#287c5f rgb(40,124,95)
```

Triadic Color

#423315
```
#423315 rgb(66,51,21)
```
#55411c
```
#55411c rgb(85,65,28)
```
#695022
```
#695022 rgb(105,80,34)
```
#7c5f28
```
#7c5f28 rgb(124,95,40)
```
#8f6e2e
```
#8f6e2e rgb(143,110,46)
```
#a37d34
```
#a37d34 rgb(163,125,52)
```
#b68b3b
```
#b68b3b rgb(182,139,59)
```

Monochromatic Color

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

#7c4a28
```
#7c4a28 rgb(124,74,40)
```
#7c5128
```
#7c5128 rgb(124,81,40)
```
#7c5828
```
#7c5828 rgb(124,88,40)
```
#7c5f28
```
#7c5f28 rgb(124,95,40)
```
#7c6628
```
#7c6628 rgb(124,102,40)
```
#7c6d28
```
#7c6d28 rgb(124,109,40)
```
#7c7428
```
#7c7428 rgb(124,116,40)
```

Similar Colors

Text with hexadecimal color #7c5f28

This text has a font color of #7c5f28.

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

#7c5f28 background color

This paragraph has a background color of #7c5f28.

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

#7c5f28 border color

This element has a border color of #7c5f28.

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

CSS codes

.text {color:#7c5f28;}

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

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

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

#050402
```
#050402 rgb(5,4,2)
```
#140f07
```
#140f07 rgb(20,15,7)
```
#231b0b
```
#231b0b rgb(35,27,11)
```
#322610
```
#322610 rgb(50,38,16)
```
#413215
```
#413215 rgb(65,50,21)
```
#503d1a
```
#503d1a rgb(80,61,26)
```
#5e481e
```
#5e481e rgb(94,72,30)
```
#6d5423
```
#6d5423 rgb(109,84,35)
```
#7c5f28
```
#7c5f28 rgb(124,95,40)
```
#8b6a2d
```
#8b6a2d rgb(139,106,45)
```
#9a7632
```
#9a7632 rgb(154,118,50)
```
#a88136
```
#a88136 rgb(168,129,54)
```
#b78c3b
```
#b78c3b rgb(183,140,59)
```

Shade Color Variation

#c39744
```
#c39744 rgb(195,151,68)
```
#c79f52
```
#c79f52 rgb(199,159,82)
```
#cca761
```
#cca761 rgb(204,167,97)
```
#d1af70
```
#d1af70 rgb(209,175,112)
```
#d6b87f
```
#d6b87f rgb(214,184,127)
```
#dac08e
```
#dac08e rgb(218,192,142)
```
#dfc89d
```
#dfc89d rgb(223,200,157)
```
#e4d0ab
```
#e4d0ab rgb(228,208,171)
```
#e9d9ba
```
#e9d9ba rgb(233,217,186)
```
#eee1c9
```
#eee1c9 rgb(238,225,201)
```
#f2e9d8
```
#f2e9d8 rgb(242,233,216)
```
#f7f1e7
```
#f7f1e7 rgb(247,241,231)
```
#fcfaf6
```
#fcfaf6 rgb(252,250,246)
```

Tint Color Variation

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

#56534e
```
#56534e rgb(86,83,78)
```
#5c5548
```
#5c5548 rgb(92,85,72)
```
#635741
```
#635741 rgb(99,87,65)
```
#69593b
```
#69593b rgb(105,89,59)
```
#6f5b35
```
#6f5b35 rgb(111,91,53)
```
#765d2e
```
#765d2e rgb(118,93,46)
```
#7c5f28
```
#7c5f28 rgb(124,95,40)
```
#826122
```
#826122 rgb(130,97,34)
```
#89631b
```
#89631b rgb(137,99,27)
```
#8f6515
```
#8f6515 rgb(143,101,21)
```
#95670f
```
#95670f rgb(149,103,15)
```
#9c6908
```
#9c6908 rgb(156,105,8)
```
#a26b02
```
#a26b02 rgb(162,107,2)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#666156 Atypical Achromatopsia 0.001% of the population

Dichromacy

#766b34 Protanopia 1% of men
#846633 Deuteranopia 1% of men
#876168 Tritanopia 0.001% of the population

Trichromacy

#78672f Protanomaly 1% of men, 0.01% of women
#81632f Deuteranomaly 6% of men, 0.4% of women
#836050 Tritanomaly 0.01% of the population