#7c223a hex color

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

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

● #7c223a color description : Dark pink.

The hexadecimal color #7c223a has RGB values of R:124, G:34, B:58 and CMYK values of C:0, M:0.73, Y:0.53, K:0.51. Its decimal value is 8135226.

Hex triplet	7c223a	`#7c223a`
RGB Decimal	124, 34, 58	`rgb(124,34,58)`
RGB Percent	48.6, 13.3, 22.7	`rgb(48.6%,13.3%,22.7%)`
CMYK	0, 73, 53, 51
HSL	344°, 57, 31	`hsl(344,57%,31%)`
HSV (or HSB)	344°, 72.6, 48.6
Web Safe	663333	`#663333`

CIE-LAB	28.735, 40.417, 7.464
XYZ	9.648, 5.736, 4.602
xyY	0.483, 0.287, 5.736
CIE-LCH	28.735, 41.1, 10.464
CIE-LUV	28.735, 57.769, 1.172
Hunter-Lab	23.949, 30, 5.372
Binary	01111100, 00100010, 00111010

#7c223a
```
#7c223a rgb(124,34,58)
```
#227c64
```
#227c64 rgb(34,124,100)
```

Complementary Color

#7c2267
```
#7c2267 rgb(124,34,103)
```
#7c223a
```
#7c223a rgb(124,34,58)
```
#7c3722
```
#7c3722 rgb(124,55,34)
```

Analogous Color

#22677c
```
#22677c rgb(34,103,124)
```
#7c223a
```
#7c223a rgb(124,34,58)
```
#227c37
```
#227c37 rgb(34,124,55)
```

Split Complementary Color

#223a7c
```
#223a7c rgb(34,58,124)
```
#7c223a
```
#7c223a rgb(124,34,58)
```
#3a7c22
```
#3a7c22 rgb(58,124,34)
```

Triadic Color

#64227c
```
#64227c rgb(100,34,124)
```
#7c223a
```
#7c223a rgb(124,34,58)
```
#3a7c22
```
#3a7c22 rgb(58,124,34)
```
#227c64
```
#227c64 rgb(34,124,100)
```

Tetradic Color

#40121e
```
#40121e rgb(64,18,30)
```
#541727
```
#541727 rgb(84,23,39)
```
#681d31
```
#681d31 rgb(104,29,49)
```
#7c223a
```
#7c223a rgb(124,34,58)
```
#902743
```
#902743 rgb(144,39,67)
```
#a42d4d
```
#a42d4d rgb(164,45,77)
```
#b83256
```
#b83256 rgb(184,50,86)
```

Monochromatic Color

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

#7c2251
```
#7c2251 rgb(124,34,81)
```
#7c2249
```
#7c2249 rgb(124,34,73)
```
#7c2242
```
#7c2242 rgb(124,34,66)
```
#7c223a
```
#7c223a rgb(124,34,58)
```
#7c2233
```
#7c2233 rgb(124,34,51)
```
#7c222b
```
#7c222b rgb(124,34,43)
```
#7c2224
```
#7c2224 rgb(124,34,36)
```

Similar Colors

Text with hexadecimal color #7c223a

This text has a font color of #7c223a.

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

#7c223a background color

This paragraph has a background color of #7c223a.

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

#7c223a border color

This element has a border color of #7c223a.

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

CSS codes

.text {color:#7c223a;}

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

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

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

#010000
```
#010000 rgb(1,0,0)
```
#100408
```
#100408 rgb(16,4,8)
```
#20090f
```
#20090f rgb(32,9,15)
```
#2f0d16
```
#2f0d16 rgb(47,13,22)
```
#3e111d
```
#3e111d rgb(62,17,29)
```
#4e1524
```
#4e1524 rgb(78,21,36)
```
#5d1a2c
```
#5d1a2c rgb(93,26,44)
```
#6d1e33
```
#6d1e33 rgb(109,30,51)
```
#7c223a
```
#7c223a rgb(124,34,58)
```
#8b2641
```
#8b2641 rgb(139,38,65)
```
#9b2a48
```
#9b2a48 rgb(155,42,72)
```
#aa2f50
```
#aa2f50 rgb(170,47,80)
```
#ba3357
```
#ba3357 rgb(186,51,87)
```

Shade Color Variation

#c8385e
```
#c8385e rgb(200,56,94)
```
#cd476b
```
#cd476b rgb(205,71,107)
```
#d15777
```
#d15777 rgb(209,87,119)
```
#d56684
```
#d56684 rgb(213,102,132)
```
#d97590
```
#d97590 rgb(217,117,144)
```
#dd859c
```
#dd859c rgb(221,133,156)
```
#e294a9
```
#e294a9 rgb(226,148,169)
```
#e6a3b5
```
#e6a3b5 rgb(230,163,181)
```
#eab3c2
```
#eab3c2 rgb(234,179,194)
```
#eec2ce
```
#eec2ce rgb(238,194,206)
```
#f3d2da
```
#f3d2da rgb(243,210,218)
```
#f7e1e7
```
#f7e1e7 rgb(247,225,231)
```
#fbf0f3
```
#fbf0f3 rgb(251,240,243)
```

Tint Color Variation

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

#514d4e
```
#514d4e rgb(81,77,78)
```
#58464b
```
#58464b rgb(88,70,75)
```
#5e4048
```
#5e4048 rgb(94,64,72)
```
#643a45
```
#643a45 rgb(100,58,69)
```
#6a3443
```
#6a3443 rgb(106,52,67)
```
#702e40
```
#702e40 rgb(112,46,64)
```
#76283d
```
#76283d rgb(118,40,61)
```
#7c223a
```
#7c223a rgb(124,34,58)
```
#821c37
```
#821c37 rgb(130,28,55)
```
#881634
```
#881634 rgb(136,22,52)
```
#8e1031
```
#8e1031 rgb(142,16,49)
```
#940a2f
```
#940a2f rgb(148,10,47)
```
#9a042c
```
#9a042c rgb(154,4,44)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#4c3a3f Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d4d52 Protanopia 1% of men
#594a3e Deuteranopia 1% of men
#813133 Tritanopia 0.001% of the population

Trichromacy

#5e3d49 Protanomaly 1% of men, 0.01% of women
#663b3c Deuteranomaly 6% of men, 0.4% of women
#7f2b35 Tritanomaly 0.01% of the population

#7c223a hex color

#7c223a Color Information

#7c223a Color Conversion

Color Schemes with #7c223a

Alternatives to #7c223a

#7c223a Preview

Shades and Tints of #7c223a

Tones of #7c223a

Color Blindness Simulator