#7e421f hex color

In a RGB color space, hex #7e421f is composed of 49.4% red, 25.9% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.6% magenta, 75.4% yellow and 50.6% black. It has a hue angle of 22.1 degrees, a saturation of 60.5% and a lightness of 30.8%. #7e421f color hex could be obtained by blending #fc843e with #000000. Closest websafe color is: #663333.

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

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

The hexadecimal color #7e421f has RGB values of R:126, G:66, B:31 and CMYK values of C:0, M:0.48, Y:0.75, K:0.51. Its decimal value is 8274463.

Hex triplet	7e421f	`#7e421f`
RGB Decimal	126, 66, 31	`rgb(126,66,31)`
RGB Percent	49.4, 25.9, 12.2	`rgb(49.4%,25.9%,12.2%)`
CMYK	0, 48, 75, 51
HSL	22.1°, 60.5, 30.8	`hsl(22.1,60.5%,30.8%)`
HSV (or HSB)	22.1°, 75.4, 49.4
Web Safe	663333	`#663333`

CIE-LAB	34.867, 22.924, 31.977
XYZ	10.8, 8.432, 2.355
xyY	0.5, 0.391, 8.432
CIE-LCH	34.867, 39.345, 54.364
CIE-LUV	34.867, 45.983, 26.019
Hunter-Lab	29.038, 15.574, 15.518
Binary	01111110, 01000010, 00011111

#7e421f
```
#7e421f rgb(126,66,31)
```
#1f5b7e
```
#1f5b7e rgb(31,91,126)
```

Complementary Color

#7e1f2c
```
#7e1f2c rgb(126,31,44)
```
#7e421f
```
#7e421f rgb(126,66,31)
```
#7e721f
```
#7e721f rgb(126,114,31)
```

Analogous Color

#1f2c7e
```
#1f2c7e rgb(31,44,126)
```
#7e421f
```
#7e421f rgb(126,66,31)
```
#1f7e72
```
#1f7e72 rgb(31,126,114)
```

Split Complementary Color

#421f7e
```
#421f7e rgb(66,31,126)
```
#7e421f
```
#7e421f rgb(126,66,31)
```
#1f7e42
```
#1f7e42 rgb(31,126,66)
```

Triadic Color

#7e1f5b
```
#7e1f5b rgb(126,31,91)
```
#7e421f
```
#7e421f rgb(126,66,31)
```
#1f7e42
```
#1f7e42 rgb(31,126,66)
```
#1f5b7e
```
#1f5b7e rgb(31,91,126)
```

Tetradic Color

#412210
```
#412210 rgb(65,34,16)
```
#552d15
```
#552d15 rgb(85,45,21)
```
#6a371a
```
#6a371a rgb(106,55,26)
```
#7e421f
```
#7e421f rgb(126,66,31)
```
#924d24
```
#924d24 rgb(146,77,36)
```
#a75729
```
#a75729 rgb(167,87,41)
```
#bb622e
```
#bb622e rgb(187,98,46)
```

Monochromatic Color

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

#7e2a1f
```
#7e2a1f rgb(126,42,31)
```
#7e321f
```
#7e321f rgb(126,50,31)
```
#7e3a1f
```
#7e3a1f rgb(126,58,31)
```
#7e421f
```
#7e421f rgb(126,66,31)
```
#7e4a1f
```
#7e4a1f rgb(126,74,31)
```
#7e521f
```
#7e521f rgb(126,82,31)
```
#7e5a1f
```
#7e5a1f rgb(126,90,31)
```

Similar Colors

Text with hexadecimal color #7e421f

This text has a font color of #7e421f.

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

#7e421f background color

This paragraph has a background color of #7e421f.

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

#7e421f border color

This element has a border color of #7e421f.

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

CSS codes

.text {color:#7e421f;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#100804
```
#100804 rgb(16,8,4)
```
#201108
```
#201108 rgb(32,17,8)
```
#2f190c
```
#2f190c rgb(47,25,12)
```
#3f2110
```
#3f2110 rgb(63,33,16)
```
#4f2913
```
#4f2913 rgb(79,41,19)
```
#5f3217
```
#5f3217 rgb(95,50,23)
```
#6e3a1b
```
#6e3a1b rgb(110,58,27)
```
#7e421f
```
#7e421f rgb(126,66,31)
```
#8e4a23
```
#8e4a23 rgb(142,74,35)
```
#9d5227
```
#9d5227 rgb(157,82,39)
```
#ad5b2b
```
#ad5b2b rgb(173,91,43)
```
#bd632e
```
#bd632e rgb(189,99,46)
```

Shade Color Variation

#cd6b32
```
#cd6b32 rgb(205,107,50)
```
#d17742
```
#d17742 rgb(209,119,66)
```
#d48252
```
#d48252 rgb(212,130,82)
```
#d88d62
```
#d88d62 rgb(216,141,98)
```
#dc9971
```
#dc9971 rgb(220,153,113)
```
#e0a481
```
#e0a481 rgb(224,164,129)
```
#e4af91
```
#e4af91 rgb(228,175,145)
```
#e8bba1
```
#e8bba1 rgb(232,187,161)
```
#ecc6b0
```
#ecc6b0 rgb(236,198,176)
```
#f0d2c0
```
#f0d2c0 rgb(240,210,192)
```
#f3ddd0
```
#f3ddd0 rgb(243,221,208)
```
#f7e8e0
```
#f7e8e0 rgb(247,232,224)
```
#fbf4ef
```
#fbf4ef rgb(251,244,239)
```

Tint Color Variation

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

#544d49
```
#544d49 rgb(84,77,73)
```
#5a4c43
```
#5a4c43 rgb(90,76,67)
```
#604a3d
```
#604a3d rgb(96,74,61)
```
#664837
```
#664837 rgb(102,72,55)
```
#6c4731
```
#6c4731 rgb(108,71,49)
```
#72452b
```
#72452b rgb(114,69,43)
```
#784425
```
#784425 rgb(120,68,37)
```
#7e421f
```
#7e421f rgb(126,66,31)
```
#844019
```
#844019 rgb(132,64,25)
```
#8a3f13
```
#8a3f13 rgb(138,63,19)
```
#903d0d
```
#903d0d rgb(144,61,13)
```
#963c07
```
#963c07 rgb(150,60,7)
```
#9c3a01
```
#9c3a01 rgb(156,58,1)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#594d46 Atypical Achromatopsia 0.001% of the population

Dichromacy

#645b2f Protanopia 1% of men
#705627 Deuteranopia 1% of men
#86474c Tritanopia 0.001% of the population

Trichromacy

#6d5129 Protanomaly 1% of men, 0.01% of women
#754f24 Deuteranomaly 6% of men, 0.4% of women
#83453c Tritanomaly 0.01% of the population

#7e421f hex color

#7e421f Color Information

#7e421f Color Conversion

Color Schemes with #7e421f

Alternatives to #7e421f

#7e421f Preview

Shades and Tints of #7e421f

Tones of #7e421f

Color Blindness Simulator