#7c5542 hex color

In a RGB color space, hex #7c5542 is composed of 48.6% red, 33.3% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.5% magenta, 46.8% yellow and 51.4% black. It has a hue angle of 19.7 degrees, a saturation of 30.5% and a lightness of 37.3%. #7c5542 color hex could be obtained by blending #f8aa84 with #000000. Closest websafe color is: #666633.

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

● #7c5542 color description : Dark moderate orange.

The hexadecimal color #7c5542 has RGB values of R:124, G:85, B:66 and CMYK values of C:0, M:0.31, Y:0.47, K:0.51. Its decimal value is 8148290.

Hex triplet	7c5542	`#7c5542`
RGB Decimal	124, 85, 66	`rgb(124,85,66)`
RGB Percent	48.6, 33.3, 25.9	`rgb(48.6%,33.3%,25.9%)`
CMYK	0, 31, 47, 51
HSL	19.7°, 30.5, 37.3	`hsl(19.7,30.5%,37.3%)`
HSV (or HSB)	19.7°, 46.8, 48.6
Web Safe	666633	`#666633`

CIE-LAB	39.876, 13.726, 17.573
XYZ	12.544, 11.176, 6.65
xyY	0.413, 0.368, 11.176
CIE-LCH	39.876, 22.298, 52.008
CIE-LUV	39.876, 27.407, 17.751
Hunter-Lab	33.431, 8.475, 11.607
Binary	01111100, 01010101, 01000010

#7c5542
```
#7c5542 rgb(124,85,66)
```
#42697c
```
#42697c rgb(66,105,124)
```

Complementary Color

#7c424c
```
#7c424c rgb(124,66,76)
```
#7c5542
```
#7c5542 rgb(124,85,66)
```
#7c7242
```
#7c7242 rgb(124,114,66)
```

Analogous Color

#424c7c
```
#424c7c rgb(66,76,124)
```
#7c5542
```
#7c5542 rgb(124,85,66)
```
#427c72
```
#427c72 rgb(66,124,114)
```

Split Complementary Color

#55427c
```
#55427c rgb(85,66,124)
```
#7c5542
```
#7c5542 rgb(124,85,66)
```
#427c55
```
#427c55 rgb(66,124,85)
```

Triadic Color

#7c4269
```
#7c4269 rgb(124,66,105)
```
#7c5542
```
#7c5542 rgb(124,85,66)
```
#427c55
```
#427c55 rgb(66,124,85)
```
#42697c
```
#42697c rgb(66,105,124)
```

Tetradic Color

#4a3327
```
#4a3327 rgb(74,51,39)
```
#5b3e30
```
#5b3e30 rgb(91,62,48)
```
#6b4a39
```
#6b4a39 rgb(107,74,57)
```
#7c5542
```
#7c5542 rgb(124,85,66)
```
#8d604b
```
#8d604b rgb(141,96,75)
```
#9d6c54
```
#9d6c54 rgb(157,108,84)
```
#aa7860
```
#aa7860 rgb(170,120,96)
```

Monochromatic Color

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

#7c4742
```
#7c4742 rgb(124,71,66)
```
#7c4b42
```
#7c4b42 rgb(124,75,66)
```
#7c5042
```
#7c5042 rgb(124,80,66)
```
#7c5542
```
#7c5542 rgb(124,85,66)
```
#7c5a42
```
#7c5a42 rgb(124,90,66)
```
#7c5f42
```
#7c5f42 rgb(124,95,66)
```
#7c6442
```
#7c6442 rgb(124,100,66)
```

Similar Colors

Text with hexadecimal color #7c5542

This text has a font color of #7c5542.

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

#7c5542 background color

This paragraph has a background color of #7c5542.

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

#7c5542 border color

This element has a border color of #7c5542.

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

CSS codes

.text {color:#7c5542;}

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

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

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

#090605
```
#090605 rgb(9,6,5)
```
#160f0b
```
#160f0b rgb(22,15,11)
```
#221812
```
#221812 rgb(34,24,18)
```
#2f2019
```
#2f2019 rgb(47,32,25)
```
#3c2920
```
#3c2920 rgb(60,41,32)
```
#493227
```
#493227 rgb(73,50,39)
```
#563b2e
```
#563b2e rgb(86,59,46)
```
#624334
```
#624334 rgb(98,67,52)
```
#6f4c3b
```
#6f4c3b rgb(111,76,59)
```
#7c5542
```
#7c5542 rgb(124,85,66)
```
#895e49
```
#895e49 rgb(137,94,73)
```
#966750
```
#966750 rgb(150,103,80)
```
#a26f56
```
#a26f56 rgb(162,111,86)
```

Shade Color Variation

#ab7a61
```
#ab7a61 rgb(171,122,97)
```
#b2846e
```
#b2846e rgb(178,132,110)
```
#b98f7b
```
#b98f7b rgb(185,143,123)
```
#c09a88
```
#c09a88 rgb(192,154,136)
```
#c6a595
```
#c6a595 rgb(198,165,149)
```
#cdb0a1
```
#cdb0a1 rgb(205,176,161)
```
#d4bbae
```
#d4bbae rgb(212,187,174)
```
#dbc5bb
```
#dbc5bb rgb(219,197,187)
```
#e2d0c8
```
#e2d0c8 rgb(226,208,200)
```
#e8dbd5
```
#e8dbd5 rgb(232,219,213)
```
#efe6e1
```
#efe6e1 rgb(239,230,225)
```
#f6f1ee
```
#f6f1ee rgb(246,241,238)
```
#fdfcfb
```
#fdfcfb rgb(253,252,251)
```

Tint Color Variation

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

#665d58
```
#665d58 rgb(102,93,88)
```
#6d5a51
```
#6d5a51 rgb(109,90,81)
```
#755849
```
#755849 rgb(117,88,73)
```
#7c5542
```
#7c5542 rgb(124,85,66)
```
#83523b
```
#83523b rgb(131,82,59)
```
#8b5033
```
#8b5033 rgb(139,80,51)
```
#924d2c
```
#924d2c rgb(146,77,44)
```
#994b25
```
#994b25 rgb(153,75,37)
```
#a1481d
```
#a1481d rgb(161,72,29)
```
#a84616
```
#a84616 rgb(168,70,22)
```
#af430f
```
#af430f rgb(175,67,15)
```
#b64108
```
#b64108 rgb(182,65,8)
```
#be3e00
```
#be3e00 rgb(190,62,0)
```

Tone Color Variation

Below, you can see how #7c5542 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
#645c58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d664f Protanopia 1% of men
#78624a Deuteranopia 1% of men
#845a61 Tritanopia 0.001% of the population

Trichromacy

#725f4a Protanomaly 1% of men, 0.01% of women
#795d47 Deuteranomaly 6% of men, 0.4% of women
#815855 Tritanomaly 0.01% of the population

#7c5542 hex color

#7c5542 Color Information

#7c5542 Color Conversion

Color Schemes with #7c5542

Alternatives to #7c5542

#7c5542 Preview

Shades and Tints of #7c5542

Tones of #7c5542

Color Blindness Simulator