#7c2a22 hex color

In a RGB color space, hex #7c2a22 is composed of 48.6% red, 16.5% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.1% magenta, 72.6% yellow and 51.4% black. It has a hue angle of 5.3 degrees, a saturation of 57% and a lightness of 31%. #7c2a22 color hex could be obtained by blending #f85444 with #000000. Closest websafe color is: #663333.

♥
- f
- t
- g
- R 49
- G 16
- B 13
RGB color chart
- C 0
- M 66
- Y 73
- K 51
CMYK color chart

● #7c2a22 color description : Dark red.

The hexadecimal color #7c2a22 has RGB values of R:124, G:42, B:34 and CMYK values of C:0, M:0.66, Y:0.73, K:0.51. Its decimal value is 8137250.

Hex triplet	7c2a22	`#7c2a22`
RGB Decimal	124, 42, 34	`rgb(124,42,34)`
RGB Percent	48.6, 16.5, 13.3	`rgb(48.6%,16.5%,13.3%)`
CMYK	0, 66, 73, 51
HSL	5.3°, 57, 31	`hsl(5.3,57%,31%)`
HSV (or HSB)	5.3°, 72.6, 48.6
Web Safe	663333	`#663333`

CIE-LAB	29.557, 35.097, 24.189
XYZ	9.429, 6.058, 2.186
xyY	0.534, 0.343, 6.058
CIE-LCH	29.557, 42.625, 34.575
CIE-LUV	29.557, 59.615, 16.096
Hunter-Lab	24.612, 25.315, 11.962
Binary	01111100, 00101010, 00100010

#7c2a22
```
#7c2a22 rgb(124,42,34)
```
#22747c
```
#22747c rgb(34,116,124)
```

Complementary Color

#7c2247
```
#7c2247 rgb(124,34,71)
```
#7c2a22
```
#7c2a22 rgb(124,42,34)
```
#7c5722
```
#7c5722 rgb(124,87,34)
```

Analogous Color

#22477c
```
#22477c rgb(34,71,124)
```
#7c2a22
```
#7c2a22 rgb(124,42,34)
```
#227c57
```
#227c57 rgb(34,124,87)
```

Split Complementary Color

#2a227c
```
#2a227c rgb(42,34,124)
```
#7c2a22
```
#7c2a22 rgb(124,42,34)
```
#227c2a
```
#227c2a rgb(34,124,42)
```

Triadic Color

#7c2274
```
#7c2274 rgb(124,34,116)
```
#7c2a22
```
#7c2a22 rgb(124,42,34)
```
#227c2a
```
#227c2a rgb(34,124,42)
```
#22747c
```
#22747c rgb(34,116,124)
```

Tetradic Color

#401612
```
#401612 rgb(64,22,18)
```
#541c17
```
#541c17 rgb(84,28,23)
```
#68231d
```
#68231d rgb(104,35,29)
```
#7c2a22
```
#7c2a22 rgb(124,42,34)
```
#903127
```
#903127 rgb(144,49,39)
```
#a4382d
```
#a4382d rgb(164,56,45)
```
#b83e32
```
#b83e32 rgb(184,62,50)
```

Monochromatic Color

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

#7c2231
```
#7c2231 rgb(124,34,49)
```
#7c2229
```
#7c2229 rgb(124,34,41)
```
#7c2322
```
#7c2322 rgb(124,35,34)
```
#7c2a22
```
#7c2a22 rgb(124,42,34)
```
#7c3222
```
#7c3222 rgb(124,50,34)
```
#7c3922
```
#7c3922 rgb(124,57,34)
```
#7c4122
```
#7c4122 rgb(124,65,34)
```

Similar Colors

Text with hexadecimal color #7c2a22

This text has a font color of #7c2a22.

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

#7c2a22 background color

This paragraph has a background color of #7c2a22.

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

#7c2a22 border color

This element has a border color of #7c2a22.

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

CSS codes

.text {color:#7c2a22;}

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

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

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

#010000
```
#010000 rgb(1,0,0)
```
#100604
```
#100604 rgb(16,6,4)
```
#200b09
```
#200b09 rgb(32,11,9)
```
#2f100d
```
#2f100d rgb(47,16,13)
```
#3e1511
```
#3e1511 rgb(62,21,17)
```
#4e1a15
```
#4e1a15 rgb(78,26,21)
```
#5d201a
```
#5d201a rgb(93,32,26)
```
#6d251e
```
#6d251e rgb(109,37,30)
```
#7c2a22
```
#7c2a22 rgb(124,42,34)
```
#8b2f26
```
#8b2f26 rgb(139,47,38)
```
#9b342a
```
#9b342a rgb(155,52,42)
```
#aa3a2f
```
#aa3a2f rgb(170,58,47)
```
#ba3f33
```
#ba3f33 rgb(186,63,51)
```

Shade Color Variation

#c84538
```
#c84538 rgb(200,69,56)
```
#cd5347
```
#cd5347 rgb(205,83,71)
```
#d16157
```
#d16157 rgb(209,97,87)
```
#d57066
```
#d57066 rgb(213,112,102)
```
#d97e75
```
#d97e75 rgb(217,126,117)
```
#dd8d85
```
#dd8d85 rgb(221,141,133)
```
#e29b94
```
#e29b94 rgb(226,155,148)
```
#e6a9a3
```
#e6a9a3 rgb(230,169,163)
```
#eab8b3
```
#eab8b3 rgb(234,184,179)
```
#eec6c2
```
#eec6c2 rgb(238,198,194)
```
#f3d5d2
```
#f3d5d2 rgb(243,213,210)
```
#f7e3e1
```
#f7e3e1 rgb(247,227,225)
```
#fbf1f0
```
#fbf1f0 rgb(251,241,240)
```

Tint Color Variation

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

#514d4d
```
#514d4d rgb(81,77,77)
```
#584846
```
#584846 rgb(88,72,70)
```
#5e4340
```
#5e4340 rgb(94,67,64)
```
#643e3a
```
#643e3a rgb(100,62,58)
```
#6a3934
```
#6a3934 rgb(106,57,52)
```
#70342e
```
#70342e rgb(112,52,46)
```
#762f28
```
#762f28 rgb(118,47,40)
```
#7c2a22
```
#7c2a22 rgb(124,42,34)
```
#82251c
```
#82251c rgb(130,37,28)
```
#882016
```
#882016 rgb(136,32,22)
```
#8e1b10
```
#8e1b10 rgb(142,27,16)
```
#94160a
```
#94160a rgb(148,22,10)
```
#9a1104
```
#9a1104 rgb(154,17,4)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#4e3d3c Atypical Achromatopsia 0.001% of the population

Dichromacy

#554f36 Protanopia 1% of men
#604b28 Deuteranopia 1% of men
#833336 Tritanopia 0.001% of the population

Trichromacy

#63412e Protanomaly 1% of men, 0.01% of women
#6a3f25 Deuteranomaly 6% of men, 0.4% of women
#80302f Tritanomaly 0.01% of the population

#7c2a22 hex color

#7c2a22 Color Information

#7c2a22 Color Conversion

Color Schemes with #7c2a22

Alternatives to #7c2a22

#7c2a22 Preview

Shades and Tints of #7c2a22

Tones of #7c2a22

Color Blindness Simulator