#7c2224 hex color

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

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

● #7c2224 color description : Dark red.

The hexadecimal color #7c2224 has RGB values of R:124, G:34, B:36 and CMYK values of C:0, M:0.73, Y:0.71, K:0.51. Its decimal value is 8135204.

Hex triplet	7c2224	`#7c2224`
RGB Decimal	124, 34, 36	`rgb(124,34,36)`
RGB Percent	48.6, 13.3, 14.1	`rgb(48.6%,13.3%,14.1%)`
CMYK	0, 73, 71, 51
HSL	358.7°, 57, 31	`hsl(358.7,57%,31%)`
HSV (or HSB)	358.7°, 72.6, 48.6
Web Safe	663333	`#663333`

CIE-LAB	28.268, 38.789, 21.383
XYZ	9.203, 5.558, 2.257
xyY	0.541, 0.327, 5.558
CIE-LCH	28.268, 44.292, 28.866
CIE-LUV	28.268, 63.477, 12.927
Hunter-Lab	23.574, 28.428, 10.826
Binary	01111100, 00100010, 00100100

#7c2224
```
#7c2224 rgb(124,34,36)
```
#227c7a
```
#227c7a rgb(34,124,122)
```

Complementary Color

#7c2251
```
#7c2251 rgb(124,34,81)
```
#7c2224
```
#7c2224 rgb(124,34,36)
```
#7c4d22
```
#7c4d22 rgb(124,77,34)
```

Analogous Color

#22517c
```
#22517c rgb(34,81,124)
```
#7c2224
```
#7c2224 rgb(124,34,36)
```
#227c4d
```
#227c4d rgb(34,124,77)
```

Split Complementary Color

#22247c
```
#22247c rgb(34,36,124)
```
#7c2224
```
#7c2224 rgb(124,34,36)
```
#247c22
```
#247c22 rgb(36,124,34)
```

Triadic Color

#7a227c
```
#7a227c rgb(122,34,124)
```
#7c2224
```
#7c2224 rgb(124,34,36)
```
#247c22
```
#247c22 rgb(36,124,34)
```
#227c7a
```
#227c7a rgb(34,124,122)
```

Tetradic Color

#401213
```
#401213 rgb(64,18,19)
```
#541718
```
#541718 rgb(84,23,24)
```
#681d1e
```
#681d1e rgb(104,29,30)
```
#7c2224
```
#7c2224 rgb(124,34,36)
```
#90272a
```
#90272a rgb(144,39,42)
```
#a42d30
```
#a42d30 rgb(164,45,48)
```
#b83235
```
#b83235 rgb(184,50,53)
```

Monochromatic Color

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

#7c223b
```
#7c223b rgb(124,34,59)
```
#7c2233
```
#7c2233 rgb(124,34,51)
```
#7c222c
```
#7c222c rgb(124,34,44)
```
#7c2224
```
#7c2224 rgb(124,34,36)
```
#7c2822
```
#7c2822 rgb(124,40,34)
```
#7c2f22
```
#7c2f22 rgb(124,47,34)
```
#7c3722
```
#7c3722 rgb(124,55,34)
```

Similar Colors

Text with hexadecimal color #7c2224

This text has a font color of #7c2224.

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

#7c2224 background color

This paragraph has a background color of #7c2224.

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

#7c2224 border color

This element has a border color of #7c2224.

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

CSS codes

.text {color:#7c2224;}

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

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

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 #fbf0f1 is the lightest one.

#010000
```
#010000 rgb(1,0,0)
```
#100405
```
#100405 rgb(16,4,5)
```
#200909
```
#200909 rgb(32,9,9)
```
#2f0d0e
```
#2f0d0e rgb(47,13,14)
```
#3e1112
```
#3e1112 rgb(62,17,18)
```
#4e1517
```
#4e1517 rgb(78,21,23)
```
#5d1a1b
```
#5d1a1b rgb(93,26,27)
```
#6d1e20
```
#6d1e20 rgb(109,30,32)
```
#7c2224
```
#7c2224 rgb(124,34,36)
```
#8b2628
```
#8b2628 rgb(139,38,40)
```
#9b2a2d
```
#9b2a2d rgb(155,42,45)
```
#aa2f31
```
#aa2f31 rgb(170,47,49)
```
#ba3336
```
#ba3336 rgb(186,51,54)
```

Shade Color Variation

#c8383b
```
#c8383b rgb(200,56,59)
```
#cd474a
```
#cd474a rgb(205,71,74)
```
#d15759
```
#d15759 rgb(209,87,89)
```
#d56668
```
#d56668 rgb(213,102,104)
```
#d97578
```
#d97578 rgb(217,117,120)
```
#dd8587
```
#dd8587 rgb(221,133,135)
```
#e29496
```
#e29496 rgb(226,148,150)
```
#e6a3a5
```
#e6a3a5 rgb(230,163,165)
```
#eab3b4
```
#eab3b4 rgb(234,179,180)
```
#eec2c3
```
#eec2c3 rgb(238,194,195)
```
#f3d2d2
```
#f3d2d2 rgb(243,210,210)
```
#f7e1e2
```
#f7e1e2 rgb(247,225,226)
```
#fbf0f1
```
#fbf0f1 rgb(251,240,241)
```

Tint Color Variation

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

#514d4d
```
#514d4d rgb(81,77,77)
```
#584647
```
#584647 rgb(88,70,71)
```
#5e4041
```
#5e4041 rgb(94,64,65)
```
#643a3b
```
#643a3b rgb(100,58,59)
```
#6a3435
```
#6a3435 rgb(106,52,53)
```
#702e30
```
#702e30 rgb(112,46,48)
```
#76282a
```
#76282a rgb(118,40,42)
```
#7c2224
```
#7c2224 rgb(124,34,36)
```
#821c1e
```
#821c1e rgb(130,28,30)
```
#881618
```
#881618 rgb(136,22,24)
```
#8e1013
```
#8e1013 rgb(142,16,19)
```
#940a0d
```
#940a0d rgb(148,10,13)
```
#9a0407
```
#9a0407 rgb(154,4,7)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#4a3838 Atypical Achromatopsia 0.001% of the population

Dichromacy

#514c3a Protanopia 1% of men
#5d4929 Deuteranopia 1% of men
#822d2f Tritanopia 0.001% of the population

Trichromacy

#613c32 Protanomaly 1% of men, 0.01% of women
#683a27 Deuteranomaly 6% of men, 0.4% of women
#80292b Tritanomaly 0.01% of the population

#7c2224 hex color

#7c2224 Color Information

#7c2224 Color Conversion

Color Schemes with #7c2224

Alternatives to #7c2224

#7c2224 Preview

Shades and Tints of #7c2224

Tones of #7c2224

Color Blindness Simulator