#7e2a22 hex color

In a RGB color space, hex #7e2a22 is composed of 49.4% red, 16.5% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.7% magenta, 73% yellow and 50.6% black. It has a hue angle of 5.2 degrees, a saturation of 57.5% and a lightness of 31.4%. #7e2a22 color hex could be obtained by blending #fc5444 with #000000. Closest websafe color is: #663333.

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

● #7e2a22 color description : Dark red.

The hexadecimal color #7e2a22 has RGB values of R:126, G:42, B:34 and CMYK values of C:0, M:0.67, Y:0.73, K:0.51. Its decimal value is 8268322.

Hex triplet	7e2a22	`#7e2a22`
RGB Decimal	126, 42, 34	`rgb(126,42,34)`
RGB Percent	49.4, 16.5, 13.3	`rgb(49.4%,16.5%,13.3%)`
CMYK	0, 67, 73, 51
HSL	5.2°, 57.5, 31.4	`hsl(5.2,57.5%,31.4%)`
HSV (or HSB)	5.2°, 73, 49.4
Web Safe	663333	`#663333`

CIE-LAB	29.932, 35.848, 24.722
XYZ	9.721, 6.208, 2.2
xyY	0.536, 0.342, 6.208
CIE-LCH	29.932, 43.546, 34.591
CIE-LUV	29.932, 61.271, 16.416
Hunter-Lab	24.916, 26.041, 12.207
Binary	01111110, 00101010, 00100010

#7e2a22
```
#7e2a22 rgb(126,42,34)
```
#22767e
```
#22767e rgb(34,118,126)
```

Complementary Color

#7e2248
```
#7e2248 rgb(126,34,72)
```
#7e2a22
```
#7e2a22 rgb(126,42,34)
```
#7e5822
```
#7e5822 rgb(126,88,34)
```

Analogous Color

#22487e
```
#22487e rgb(34,72,126)
```
#7e2a22
```
#7e2a22 rgb(126,42,34)
```
#227e58
```
#227e58 rgb(34,126,88)
```

Split Complementary Color

#2a227e
```
#2a227e rgb(42,34,126)
```
#7e2a22
```
#7e2a22 rgb(126,42,34)
```
#227e2a
```
#227e2a rgb(34,126,42)
```

Triadic Color

#7e2276
```
#7e2276 rgb(126,34,118)
```
#7e2a22
```
#7e2a22 rgb(126,42,34)
```
#227e2a
```
#227e2a rgb(34,126,42)
```
#22767e
```
#22767e rgb(34,118,126)
```

Tetradic Color

#421612
```
#421612 rgb(66,22,18)
```
#561d17
```
#561d17 rgb(86,29,23)
```
#6a231d
```
#6a231d rgb(106,35,29)
```
#7e2a22
```
#7e2a22 rgb(126,42,34)
```
#923127
```
#923127 rgb(146,49,39)
```
#a6372d
```
#a6372d rgb(166,55,45)
```
#ba3e32
```
#ba3e32 rgb(186,62,50)
```

Monochromatic Color

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

#7e2231
```
#7e2231 rgb(126,34,49)
```
#7e2229
```
#7e2229 rgb(126,34,41)
```
#7e2222
```
#7e2222 rgb(126,34,34)
```
#7e2a22
```
#7e2a22 rgb(126,42,34)
```
#7e3222
```
#7e3222 rgb(126,50,34)
```
#7e3922
```
#7e3922 rgb(126,57,34)
```
#7e4122
```
#7e4122 rgb(126,65,34)
```

Similar Colors

Text with hexadecimal color #7e2a22

This text has a font color of #7e2a22.

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

#7e2a22 background color

This paragraph has a background color of #7e2a22.

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

#7e2a22 border color

This element has a border color of #7e2a22.

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

CSS codes

.text {color:#7e2a22;}

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

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

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

#020101
```
#020101 rgb(2,1,1)
```
#120605
```
#120605 rgb(18,6,5)
```
#210b09
```
#210b09 rgb(33,11,9)
```
#31100d
```
#31100d rgb(49,16,13)
```
#401511
```
#401511 rgb(64,21,17)
```
#501b15
```
#501b15 rgb(80,27,21)
```
#5f201a
```
#5f201a rgb(95,32,26)
```
#6f251e
```
#6f251e rgb(111,37,30)
```
#7e2a22
```
#7e2a22 rgb(126,42,34)
```
#8d2f26
```
#8d2f26 rgb(141,47,38)
```
#9d342a
```
#9d342a rgb(157,52,42)
```
#ac392f
```
#ac392f rgb(172,57,47)
```
#bc3f33
```
#bc3f33 rgb(188,63,51)
```

Shade Color Variation

#c94539
```
#c94539 rgb(201,69,57)
```
#ce5448
```
#ce5448 rgb(206,84,72)
```
#d26258
```
#d26258 rgb(210,98,88)
```
#d67167
```
#d67167 rgb(214,113,103)
```
#da7f76
```
#da7f76 rgb(218,127,118)
```
#de8e86
```
#de8e86 rgb(222,142,134)
```
#e29c95
```
#e29c95 rgb(226,156,149)
```
#e7aaa5
```
#e7aaa5 rgb(231,170,165)
```
#ebb9b4
```
#ebb9b4 rgb(235,185,180)
```
#efc7c4
```
#efc7c4 rgb(239,199,196)
```
#f3d6d3
```
#f3d6d3 rgb(243,214,211)
```
#f7e4e3
```
#f7e4e3 rgb(247,228,227)
```
#fbf3f2
```
#fbf3f2 rgb(251,243,242)
```

Tint Color Variation

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

#534e4d
```
#534e4d rgb(83,78,77)
```
#594947
```
#594947 rgb(89,73,71)
```
#5f4341
```
#5f4341 rgb(95,67,65)
```
#653e3b
```
#653e3b rgb(101,62,59)
```
#6c3934
```
#6c3934 rgb(108,57,52)
```
#72342e
```
#72342e rgb(114,52,46)
```
#782f28
```
#782f28 rgb(120,47,40)
```
#7e2a22
```
#7e2a22 rgb(126,42,34)
```
#84251c
```
#84251c rgb(132,37,28)
```
#8a2016
```
#8a2016 rgb(138,32,22)
```
#901b10
```
#901b10 rgb(144,27,16)
```
#971609
```
#971609 rgb(151,22,9)
```
#9d1103
```
#9d1103 rgb(157,17,3)
```

Tone Color Variation

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

#565036 Protanopia 1% of men
#624c27 Deuteranopia 1% of men
#853336 Tritanopia 0.001% of the population

Trichromacy

#64422e Protanomaly 1% of men, 0.01% of women
#6c3f25 Deuteranomaly 6% of men, 0.4% of women
#82302f Tritanomaly 0.01% of the population

#7e2a22 hex color

#7e2a22 Color Information

#7e2a22 Color Conversion

Color Schemes with #7e2a22

Alternatives to #7e2a22

#7e2a22 Preview

Shades and Tints of #7e2a22

Tones of #7e2a22

Color Blindness Simulator