#7c5525 hex color

In a RGB color space, hex #7c5525 is composed of 48.6% red, 33.3% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.5% magenta, 70.2% yellow and 51.4% black. It has a hue angle of 33.1 degrees, a saturation of 54% and a lightness of 31.6%. #7c5525 color hex could be obtained by blending #f8aa4a with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 49
- G 33
- B 15
RGB color chart
- C 0
- M 31
- Y 70
- K 51
CMYK color chart

● #7c5525 color description : Dark orange [Brown tone].

The hexadecimal color #7c5525 has RGB values of R:124, G:85, B:37 and CMYK values of C:0, M:0.31, Y:0.7, K:0.51. Its decimal value is 8148261.

Hex triplet	7c5525	`#7c5525`
RGB Decimal	124, 85, 37	`rgb(124,85,37)`
RGB Percent	48.6, 33.3, 14.5	`rgb(48.6%,33.3%,14.5%)`
CMYK	0, 31, 70, 51
HSL	33.1°, 54, 31.6	`hsl(33.1,54%,31.6%)`
HSV (or HSB)	33.1°, 70.2, 48.6
Web Safe	666633	`#666633`

CIE-LAB	39.439, 11.136, 33.668
XYZ	11.895, 10.916, 3.231
xyY	0.457, 0.419, 10.916
CIE-LCH	39.439, 35.461, 71.698
CIE-LUV	39.439, 30.19, 31.674
Hunter-Lab	33.04, 6.443, 17.33
Binary	01111100, 01010101, 00100101

#7c5525
```
#7c5525 rgb(124,85,37)
```
#254c7c
```
#254c7c rgb(37,76,124)
```

Complementary Color

#7c2a25
```
#7c2a25 rgb(124,42,37)
```
#7c5525
```
#7c5525 rgb(124,85,37)
```
#787c25
```
#787c25 rgb(120,124,37)
```

Analogous Color

#2a257c
```
#2a257c rgb(42,37,124)
```
#7c5525
```
#7c5525 rgb(124,85,37)
```
#25787c
```
#25787c rgb(37,120,124)
```

Split Complementary Color

#55257c
```
#55257c rgb(85,37,124)
```
#7c5525
```
#7c5525 rgb(124,85,37)
```
#257c55
```
#257c55 rgb(37,124,85)
```

Triadic Color

#7c254c
```
#7c254c rgb(124,37,76)
```
#7c5525
```
#7c5525 rgb(124,85,37)
```
#257c55
```
#257c55 rgb(37,124,85)
```
#254c7c
```
#254c7c rgb(37,76,124)
```

Tetradic Color

#412d13
```
#412d13 rgb(65,45,19)
```
#553a19
```
#553a19 rgb(85,58,25)
```
#68481f
```
#68481f rgb(104,72,31)
```
#7c5525
```
#7c5525 rgb(124,85,37)
```
#90622b
```
#90622b rgb(144,98,43)
```
#a37031
```
#a37031 rgb(163,112,49)
```
#b77d37
```
#b77d37 rgb(183,125,55)
```

Monochromatic Color

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

#7c3f25
```
#7c3f25 rgb(124,63,37)
```
#7c4725
```
#7c4725 rgb(124,71,37)
```
#7c4e25
```
#7c4e25 rgb(124,78,37)
```
#7c5525
```
#7c5525 rgb(124,85,37)
```
#7c5c25
```
#7c5c25 rgb(124,92,37)
```
#7c6425
```
#7c6425 rgb(124,100,37)
```
#7c6b25
```
#7c6b25 rgb(124,107,37)
```

Similar Colors

Text with hexadecimal color #7c5525

This text has a font color of #7c5525.

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

#7c5525 background color

This paragraph has a background color of #7c5525.

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

#7c5525 border color

This element has a border color of #7c5525.

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

CSS codes

.text {color:#7c5525;}

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

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

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 #fbf8f3 is the lightest one.

#030201
```
#030201 rgb(3,2,1)
```
#120d05
```
#120d05 rgb(18,13,5)
```
#21170a
```
#21170a rgb(33,23,10)
```
#30210e
```
#30210e rgb(48,33,14)
```
#402c13
```
#402c13 rgb(64,44,19)
```
#4f3617
```
#4f3617 rgb(79,54,23)
```
#5e401c
```
#5e401c rgb(94,64,28)
```
#6d4b20
```
#6d4b20 rgb(109,75,32)
```
#7c5525
```
#7c5525 rgb(124,85,37)
```
#8b5f2a
```
#8b5f2a rgb(139,95,42)
```
#9a6a2e
```
#9a6a2e rgb(154,106,46)
```
#a97433
```
#a97433 rgb(169,116,51)
```
#b87e37
```
#b87e37 rgb(184,126,55)
```

Shade Color Variation

#c5893e
```
#c5893e rgb(197,137,62)
```
#ca924d
```
#ca924d rgb(202,146,77)
```
#ce9b5c
```
#ce9b5c rgb(206,155,92)
```
#d3a46b
```
#d3a46b rgb(211,164,107)
```
#d7ae7a
```
#d7ae7a rgb(215,174,122)
```
#dcb789
```
#dcb789 rgb(220,183,137)
```
#e0c098
```
#e0c098 rgb(224,192,152)
```
#e5c9a7
```
#e5c9a7 rgb(229,201,167)
```
#e9d3b7
```
#e9d3b7 rgb(233,211,183)
```
#eedcc6
```
#eedcc6 rgb(238,220,198)
```
#f2e5d5
```
#f2e5d5 rgb(242,229,213)
```
#f7eee4
```
#f7eee4 rgb(247,238,228)
```
#fbf8f3
```
#fbf8f3 rgb(251,248,243)
```

Tint Color Variation

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

#515150
```
#515150 rgb(81,81,80)
```
#57514a
```
#57514a rgb(87,81,74)
```
#5d5244
```
#5d5244 rgb(93,82,68)
```
#63523e
```
#63523e rgb(99,82,62)
```
#695338
```
#695338 rgb(105,83,56)
```
#705431
```
#705431 rgb(112,84,49)
```
#76542b
```
#76542b rgb(118,84,43)
```
#7c5525
```
#7c5525 rgb(124,85,37)
```
#82561f
```
#82561f rgb(130,86,31)
```
#885619
```
#885619 rgb(136,86,25)
```
#8f5712
```
#8f5712 rgb(143,87,18)
```
#95580c
```
#95580c rgb(149,88,12)
```
#9b5806
```
#9b5806 rgb(155,88,6)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#625a50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f6532 Protanopia 1% of men
#7c602f Deuteranopia 1% of men
#86585e Tritanopia 0.001% of the population

Trichromacy

#745f2d Protanomaly 1% of men, 0.01% of women
#7c5c2b Deuteranomaly 6% of men, 0.4% of women
#825749 Tritanomaly 0.01% of the population

#7c5525 hex color

#7c5525 Color Information

#7c5525 Color Conversion

Color Schemes with #7c5525

Alternatives to #7c5525

#7c5525 Preview

Shades and Tints of #7c5525

Tones of #7c5525

Color Blindness Simulator