#7c421a hex color

In a RGB color space, hex #7c421a is composed of 48.6% red, 25.9% green and 10.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.8% magenta, 79% yellow and 51.4% black. It has a hue angle of 24.5 degrees, a saturation of 65.3% and a lightness of 29.4%. #7c421a color hex could be obtained by blending #f88434 with #000000. Closest websafe color is: #663333.

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

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

The hexadecimal color #7c421a has RGB values of R:124, G:66, B:26 and CMYK values of C:0, M:0.47, Y:0.79, K:0.51. Its decimal value is 8143386.

Hex triplet	7c421a	`#7c421a`
RGB Decimal	124, 66, 26	`rgb(124,66,26)`
RGB Percent	48.6, 25.9, 10.2	`rgb(48.6%,25.9%,10.2%)`
CMYK	0, 47, 79, 51
HSL	24.5°, 65.3, 29.4	`hsl(24.5,65.3%,29.4%)`
HSV (or HSB)	24.5°, 79, 48.6
Web Safe	663333	`#663333`

CIE-LAB	34.512, 21.784, 34.138
XYZ	10.447, 8.257, 2.021
xyY	0.504, 0.398, 8.257
CIE-LCH	34.512, 40.496, 57.458
CIE-LUV	34.512, 44.811, 27.41
Hunter-Lab	28.735, 14.611, 15.945
Binary	01111100, 01000010, 00011010

#7c421a
```
#7c421a rgb(124,66,26)
```
#1a547c
```
#1a547c rgb(26,84,124)
```

Complementary Color

#7c1a23
```
#7c1a23 rgb(124,26,35)
```
#7c421a
```
#7c421a rgb(124,66,26)
```
#7c731a
```
#7c731a rgb(124,115,26)
```

Analogous Color

#1a237c
```
#1a237c rgb(26,35,124)
```
#7c421a
```
#7c421a rgb(124,66,26)
```
#1a7c73
```
#1a7c73 rgb(26,124,115)
```

Split Complementary Color

#421a7c
```
#421a7c rgb(66,26,124)
```
#7c421a
```
#7c421a rgb(124,66,26)
```
#1a7c42
```
#1a7c42 rgb(26,124,66)
```

Triadic Color

#7c1a54
```
#7c1a54 rgb(124,26,84)
```
#7c421a
```
#7c421a rgb(124,66,26)
```
#1a7c42
```
#1a7c42 rgb(26,124,66)
```
#1a547c
```
#1a547c rgb(26,84,124)
```

Tetradic Color

#3d200d
```
#3d200d rgb(61,32,13)
```
#522c11
```
#522c11 rgb(82,44,17)
```
#673716
```
#673716 rgb(103,55,22)
```
#7c421a
```
#7c421a rgb(124,66,26)
```
#914d1e
```
#914d1e rgb(145,77,30)
```
#a65823
```
#a65823 rgb(166,88,35)
```
#bb6427
```
#bb6427 rgb(187,100,39)
```

Monochromatic Color

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

#7c2a1a
```
#7c2a1a rgb(124,42,26)
```
#7c321a
```
#7c321a rgb(124,50,26)
```
#7c3a1a
```
#7c3a1a rgb(124,58,26)
```
#7c421a
```
#7c421a rgb(124,66,26)
```
#7c4a1a
```
#7c4a1a rgb(124,74,26)
```
#7c521a
```
#7c521a rgb(124,82,26)
```
#7c5b1a
```
#7c5b1a rgb(124,91,26)
```

Similar Colors

Text with hexadecimal color #7c421a

This text has a font color of #7c421a.

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

#7c421a background color

This paragraph has a background color of #7c421a.

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

#7c421a border color

This element has a border color of #7c421a.

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

CSS codes

.text {color:#7c421a;}

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

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

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

#0a0602
```
#0a0602 rgb(10,6,2)
```
#1b0e06
```
#1b0e06 rgb(27,14,6)
```
#2b1709
```
#2b1709 rgb(43,23,9)
```
#3b1f0c
```
#3b1f0c rgb(59,31,12)
```
#4b2810
```
#4b2810 rgb(75,40,16)
```
#5c3113
```
#5c3113 rgb(92,49,19)
```
#6c3917
```
#6c3917 rgb(108,57,23)
```
#7c421a
```
#7c421a rgb(124,66,26)
```
#8c4b1d
```
#8c4b1d rgb(140,75,29)
```
#9c5321
```
#9c5321 rgb(156,83,33)
```
#ad5c24
```
#ad5c24 rgb(173,92,36)
```
#bd6528
```
#bd6528 rgb(189,101,40)
```
#cd6d2b
```
#cd6d2b rgb(205,109,43)
```

Shade Color Variation

#d57737
```
#d57737 rgb(213,119,55)
```
#d88247
```
#d88247 rgb(216,130,71)
```
#dc8d57
```
#dc8d57 rgb(220,141,87)
```
#df9867
```
#df9867 rgb(223,152,103)
```
#e3a378
```
#e3a378 rgb(227,163,120)
```
#e6ae88
```
#e6ae88 rgb(230,174,136)
```
#e9b998
```
#e9b998 rgb(233,185,152)
```
#edc4a8
```
#edc4a8 rgb(237,196,168)
```
#f0cfb8
```
#f0cfb8 rgb(240,207,184)
```
#f4dac9
```
#f4dac9 rgb(244,218,201)
```
#f7e5d9
```
#f7e5d9 rgb(247,229,217)
```
#faf0e9
```
#faf0e9 rgb(250,240,233)
```
#fefbf9
```
#fefbf9 rgb(254,251,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4e4a48 is the less saturated color, while #933e03 is the most saturated one.

#4e4a48
```
#4e4a48 rgb(78,74,72)
```
#544942
```
#544942 rgb(84,73,66)
```
#59483d
```
#59483d rgb(89,72,61)
```
#5f4737
```
#5f4737 rgb(95,71,55)
```
#654631
```
#654631 rgb(101,70,49)
```
#6b452b
```
#6b452b rgb(107,69,43)
```
#704426
```
#704426 rgb(112,68,38)
```
#764320
```
#764320 rgb(118,67,32)
```
#7c421a
```
#7c421a rgb(124,66,26)
```
#824114
```
#824114 rgb(130,65,20)
```
#88400e
```
#88400e rgb(136,64,14)
```
#8d3f09
```
#8d3f09 rgb(141,63,9)
```
#933e03
```
#933e03 rgb(147,62,3)
```

Tone Color Variation

Below, you can see how #7c421a 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
#584c44 Atypical Achromatopsia 0.001% of the population

Dichromacy

#635a2a Protanopia 1% of men
#6f5622 Deuteranopia 1% of men
#84474c Tritanopia 0.001% of the population

Trichromacy

#6c5124 Protanomaly 1% of men, 0.01% of women
#744e1f Deuteranomaly 6% of men, 0.4% of women
#81453a Tritanomaly 0.01% of the population

#7c421a hex color

#7c421a Color Information

#7c421a Color Conversion

Color Schemes with #7c421a

Alternatives to #7c421a

#7c421a Preview

Shades and Tints of #7c421a

Tones of #7c421a

Color Blindness Simulator