#7c421e hex color

In a RGB color space, hex #7c421e is composed of 48.6% red, 25.9% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.8% magenta, 75.8% yellow and 51.4% black. It has a hue angle of 23 degrees, a saturation of 61% and a lightness of 30.2%. #7c421e color hex could be obtained by blending #f8843c with #000000. Closest websafe color is: #663333.

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

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

The hexadecimal color #7c421e has RGB values of R:124, G:66, B:30 and CMYK values of C:0, M:0.47, Y:0.76, K:0.51. Its decimal value is 8143390.

Hex triplet	7c421e	`#7c421e`
RGB Decimal	124, 66, 30	`rgb(124,66,30)`
RGB Percent	48.6, 25.9, 11.8	`rgb(48.6%,25.9%,11.8%)`
CMYK	0, 47, 76, 51
HSL	23°, 61, 30.2	`hsl(23,61%,30.2%)`
HSV (or HSB)	23°, 75.8, 48.6
Web Safe	663333	`#663333`

CIE-LAB	34.551, 21.981, 32.088
XYZ	10.495, 8.276, 2.273
xyY	0.499, 0.393, 8.276
CIE-LCH	34.551, 38.895, 55.588
CIE-LUV	34.551, 44.437, 26.153
Hunter-Lab	28.768, 14.775, 15.453
Binary	01111100, 01000010, 00011110

#7c421e
```
#7c421e rgb(124,66,30)
```
#1e587c
```
#1e587c rgb(30,88,124)
```

Complementary Color

#7c1e29
```
#7c1e29 rgb(124,30,41)
```
#7c421e
```
#7c421e rgb(124,66,30)
```
#7c711e
```
#7c711e rgb(124,113,30)
```

Analogous Color

#1e297c
```
#1e297c rgb(30,41,124)
```
#7c421e
```
#7c421e rgb(124,66,30)
```
#1e7c71
```
#1e7c71 rgb(30,124,113)
```

Split Complementary Color

#421e7c
```
#421e7c rgb(66,30,124)
```
#7c421e
```
#7c421e rgb(124,66,30)
```
#1e7c42
```
#1e7c42 rgb(30,124,66)
```

Triadic Color

#7c1e58
```
#7c1e58 rgb(124,30,88)
```
#7c421e
```
#7c421e rgb(124,66,30)
```
#1e7c42
```
#1e7c42 rgb(30,124,66)
```
#1e587c
```
#1e587c rgb(30,88,124)
```

Tetradic Color

#3e210f
```
#3e210f rgb(62,33,15)
```
#532c14
```
#532c14 rgb(83,44,20)
```
#673719
```
#673719 rgb(103,55,25)
```
#7c421e
```
#7c421e rgb(124,66,30)
```
#914d23
```
#914d23 rgb(145,77,35)
```
#a55828
```
#a55828 rgb(165,88,40)
```
#ba632d
```
#ba632d rgb(186,99,45)
```

Monochromatic Color

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

#7c2b1e
```
#7c2b1e rgb(124,43,30)
```
#7c321e
```
#7c321e rgb(124,50,30)
```
#7c3a1e
```
#7c3a1e rgb(124,58,30)
```
#7c421e
```
#7c421e rgb(124,66,30)
```
#7c4a1e
```
#7c4a1e rgb(124,74,30)
```
#7c521e
```
#7c521e rgb(124,82,30)
```
#7c5a1e
```
#7c5a1e rgb(124,90,30)
```

Similar Colors

Text with hexadecimal color #7c421e

This text has a font color of #7c421e.

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

#7c421e background color

This paragraph has a background color of #7c421e.

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

#7c421e border color

This element has a border color of #7c421e.

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

CSS codes

.text {color:#7c421e;}

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

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

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, #0d0703 is the darkest color, while #fefdfd is the lightest one.

#0d0703
```
#0d0703 rgb(13,7,3)
```
#1d1007
```
#1d1007 rgb(29,16,7)
```
#2d180b
```
#2d180b rgb(45,24,11)
```
#3d200f
```
#3d200f rgb(61,32,15)
```
#4d2913
```
#4d2913 rgb(77,41,19)
```
#5c3116
```
#5c3116 rgb(92,49,22)
```
#6c3a1a
```
#6c3a1a rgb(108,58,26)
```
#7c421e
```
#7c421e rgb(124,66,30)
```
#8c4a22
```
#8c4a22 rgb(140,74,34)
```
#9c5326
```
#9c5326 rgb(156,83,38)
```
#ab5b29
```
#ab5b29 rgb(171,91,41)
```
#bb642d
```
#bb642d rgb(187,100,45)
```
#cb6c31
```
#cb6c31 rgb(203,108,49)
```

Shade Color Variation

#d1773f
```
#d1773f rgb(209,119,63)
```
#d4824f
```
#d4824f rgb(212,130,79)
```
#d88d5f
```
#d88d5f rgb(216,141,95)
```
#dc986e
```
#dc986e rgb(220,152,110)
```
#e0a47e
```
#e0a47e rgb(224,164,126)
```
#e4af8e
```
#e4af8e rgb(228,175,142)
```
#e8ba9e
```
#e8ba9e rgb(232,186,158)
```
#ebc5ae
```
#ebc5ae rgb(235,197,174)
```
#efd0bd
```
#efd0bd rgb(239,208,189)
```
#f3dccd
```
#f3dccd rgb(243,220,205)
```
#f7e7dd
```
#f7e7dd rgb(247,231,221)
```
#fbf2ed
```
#fbf2ed rgb(251,242,237)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#534c47
```
#534c47 rgb(83,76,71)
```
#584a42
```
#584a42 rgb(88,74,66)
```
#5e493c
```
#5e493c rgb(94,73,60)
```
#644836
```
#644836 rgb(100,72,54)
```
#6a4630
```
#6a4630 rgb(106,70,48)
```
#70452a
```
#70452a rgb(112,69,42)
```
#764324
```
#764324 rgb(118,67,36)
```
#7c421e
```
#7c421e rgb(124,66,30)
```
#824118
```
#824118 rgb(130,65,24)
```
#883f12
```
#883f12 rgb(136,63,18)
```
#8e3e0c
```
#8e3e0c rgb(142,62,12)
```
#943c06
```
#943c06 rgb(148,60,6)
```
#9a3b00
```
#9a3b00 rgb(154,59,0)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#584c45 Atypical Achromatopsia 0.001% of the population

Dichromacy

#635a2e Protanopia 1% of men
#6f5626 Deuteranopia 1% of men
#84474c Tritanopia 0.001% of the population

Trichromacy

#6c5128 Protanomaly 1% of men, 0.01% of women
#734e23 Deuteranomaly 6% of men, 0.4% of women
#81453b Tritanomaly 0.01% of the population

#7c421e hex color

#7c421e Color Information

#7c421e Color Conversion

Color Schemes with #7c421e

Alternatives to #7c421e

#7c421e Preview

Shades and Tints of #7c421e

Tones of #7c421e

Color Blindness Simulator