#7c222c hex color

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

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

● #7c222c color description : Dark red.

The hexadecimal color #7c222c has RGB values of R:124, G:34, B:44 and CMYK values of C:0, M:0.73, Y:0.65, K:0.51. Its decimal value is 8135212.

Hex triplet	7c222c	`#7c222c`
RGB Decimal	124, 34, 44	`rgb(124,34,44)`
RGB Percent	48.6, 13.3, 17.3	`rgb(48.6%,13.3%,17.3%)`
CMYK	0, 73, 65, 51
HSL	353.3°, 57, 31	`hsl(353.3,57%,31%)`
HSV (or HSB)	353.3°, 72.6, 48.6
Web Safe	663333	`#663333`

CIE-LAB	28.412, 39.295, 16.339
XYZ	9.339, 5.612, 2.974
xyY	0.521, 0.313, 5.612
CIE-LCH	28.412, 42.556, 22.578
CIE-LUV	28.412, 61.616, 9.125
Hunter-Lab	23.69, 28.913, 9.139
Binary	01111100, 00100010, 00101100

#7c222c
```
#7c222c rgb(124,34,44)
```
#227c72
```
#227c72 rgb(34,124,114)
```

Complementary Color

#7c2259
```
#7c2259 rgb(124,34,89)
```
#7c222c
```
#7c222c rgb(124,34,44)
```
#7c4522
```
#7c4522 rgb(124,69,34)
```

Analogous Color

#22597c
```
#22597c rgb(34,89,124)
```
#7c222c
```
#7c222c rgb(124,34,44)
```
#227c45
```
#227c45 rgb(34,124,69)
```

Split Complementary Color

#222c7c
```
#222c7c rgb(34,44,124)
```
#7c222c
```
#7c222c rgb(124,34,44)
```
#2c7c22
```
#2c7c22 rgb(44,124,34)
```

Triadic Color

#72227c
```
#72227c rgb(114,34,124)
```
#7c222c
```
#7c222c rgb(124,34,44)
```
#2c7c22
```
#2c7c22 rgb(44,124,34)
```
#227c72
```
#227c72 rgb(34,124,114)
```

Tetradic Color

#401217
```
#401217 rgb(64,18,23)
```
#54171e
```
#54171e rgb(84,23,30)
```
#681d25
```
#681d25 rgb(104,29,37)
```
#7c222c
```
#7c222c rgb(124,34,44)
```
#902733
```
#902733 rgb(144,39,51)
```
#a42d3a
```
#a42d3a rgb(164,45,58)
```
#b83241
```
#b83241 rgb(184,50,65)
```

Monochromatic Color

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

#7c2243
```
#7c2243 rgb(124,34,67)
```
#7c223b
```
#7c223b rgb(124,34,59)
```
#7c2233
```
#7c2233 rgb(124,34,51)
```
#7c222c
```
#7c222c rgb(124,34,44)
```
#7c2224
```
#7c2224 rgb(124,34,36)
```
#7c2722
```
#7c2722 rgb(124,39,34)
```
#7c2f22
```
#7c2f22 rgb(124,47,34)
```

Similar Colors

Text with hexadecimal color #7c222c

This text has a font color of #7c222c.

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

#7c222c background color

This paragraph has a background color of #7c222c.

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

#7c222c border color

This element has a border color of #7c222c.

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

CSS codes

.text {color:#7c222c;}

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

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

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

#010000
```
#010000 rgb(1,0,0)
```
#100406
```
#100406 rgb(16,4,6)
```
#20090b
```
#20090b rgb(32,9,11)
```
#2f0d11
```
#2f0d11 rgb(47,13,17)
```
#3e1116
```
#3e1116 rgb(62,17,22)
```
#4e151c
```
#4e151c rgb(78,21,28)
```
#5d1a21
```
#5d1a21 rgb(93,26,33)
```
#6d1e27
```
#6d1e27 rgb(109,30,39)
```
#7c222c
```
#7c222c rgb(124,34,44)
```
#8b2631
```
#8b2631 rgb(139,38,49)
```
#9b2a37
```
#9b2a37 rgb(155,42,55)
```
#aa2f3c
```
#aa2f3c rgb(170,47,60)
```
#ba3342
```
#ba3342 rgb(186,51,66)
```

Shade Color Variation

#c83848
```
#c83848 rgb(200,56,72)
```
#cd4756
```
#cd4756 rgb(205,71,86)
```
#d15764
```
#d15764 rgb(209,87,100)
```
#d56672
```
#d56672 rgb(213,102,114)
```
#d97580
```
#d97580 rgb(217,117,128)
```
#dd858f
```
#dd858f rgb(221,133,143)
```
#e2949d
```
#e2949d rgb(226,148,157)
```
#e6a3ab
```
#e6a3ab rgb(230,163,171)
```
#eab3b9
```
#eab3b9 rgb(234,179,185)
```
#eec2c7
```
#eec2c7 rgb(238,194,199)
```
#f3d2d5
```
#f3d2d5 rgb(243,210,213)
```
#f7e1e3
```
#f7e1e3 rgb(247,225,227)
```
#fbf0f2
```
#fbf0f2 rgb(251,240,242)
```

Tint Color Variation

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

#514d4d
```
#514d4d rgb(81,77,77)
```
#584648
```
#584648 rgb(88,70,72)
```
#5e4044
```
#5e4044 rgb(94,64,68)
```
#643a3f
```
#643a3f rgb(100,58,63)
```
#6a343a
```
#6a343a rgb(106,52,58)
```
#702e35
```
#702e35 rgb(112,46,53)
```
#762831
```
#762831 rgb(118,40,49)
```
#7c222c
```
#7c222c rgb(124,34,44)
```
#821c27
```
#821c27 rgb(130,28,39)
```
#881623
```
#881623 rgb(136,22,35)
```
#8e101e
```
#8e101e rgb(142,16,30)
```
#940a19
```
#940a19 rgb(148,10,25)
```
#9a0414
```
#9a0414 rgb(154,4,20)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#4a383a Atypical Achromatopsia 0.001% of the population

Dichromacy

#504c43 Protanopia 1% of men
#5c4931 Deuteranopia 1% of men
#822e30 Tritanopia 0.001% of the population

Trichromacy

#603d3a Protanomaly 1% of men, 0.01% of women
#673b2f Deuteranomaly 6% of men, 0.4% of women
#802a2f Tritanomaly 0.01% of the population

#7c222c hex color

#7c222c Color Information

#7c222c Color Conversion

Color Schemes with #7c222c

Alternatives to #7c222c

#7c222c Preview

Shades and Tints of #7c222c

Tones of #7c222c

Color Blindness Simulator