#7c3342 hex color

In a RGB color space, hex #7c3342 is composed of 48.6% red, 20% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.9% magenta, 46.8% yellow and 51.4% black. It has a hue angle of 347.7 degrees, a saturation of 41.7% and a lightness of 34.3%. #7c3342 color hex could be obtained by blending #f86684 with #000000. Closest websafe color is: #663333.

♥
- f
- t
- g
- R 49
- G 20
- B 26
RGB color chart
- C 0
- M 59
- Y 47
- K 51
CMYK color chart

● #7c3342 color description : Dark moderate red.

The hexadecimal color #7c3342 has RGB values of R:124, G:51, B:66 and CMYK values of C:0, M:0.59, Y:0.47, K:0.51. Its decimal value is 8139586.

Hex triplet	7c3342	`#7c3342`
RGB Decimal	124, 51, 66	`rgb(124,51,66)`
RGB Percent	48.6, 20, 25.9	`rgb(48.6%,20%,25.9%)`
CMYK	0, 59, 47, 51
HSL	347.7°, 41.7, 34.3	`hsl(347.7,41.7%,34.3%)`
HSV (or HSB)	347.7°, 58.9, 48.6
Web Safe	663333	`#663333`

CIE-LAB	31.914, 33.233, 6.662
XYZ	10.48, 7.047, 5.962
xyY	0.446, 0.3, 7.047
CIE-LCH	31.914, 33.894, 11.336
CIE-LUV	31.914, 47.635, 1.957
Hunter-Lab	26.546, 24.01, 5.266
Binary	01111100, 00110011, 01000010

#7c3342
```
#7c3342 rgb(124,51,66)
```
#337c6d
```
#337c6d rgb(51,124,109)
```

Complementary Color

#7c3367
```
#7c3367 rgb(124,51,103)
```
#7c3342
```
#7c3342 rgb(124,51,66)
```
#7c4933
```
#7c4933 rgb(124,73,51)
```

Analogous Color

#33677c
```
#33677c rgb(51,103,124)
```
#7c3342
```
#7c3342 rgb(124,51,66)
```
#337c49
```
#337c49 rgb(51,124,73)
```

Split Complementary Color

#33427c
```
#33427c rgb(51,66,124)
```
#7c3342
```
#7c3342 rgb(124,51,66)
```
#427c33
```
#427c33 rgb(66,124,51)
```

Triadic Color

#6d337c
```
#6d337c rgb(109,51,124)
```
#7c3342
```
#7c3342 rgb(124,51,66)
```
#427c33
```
#427c33 rgb(66,124,51)
```
#337c6d
```
#337c6d rgb(51,124,109)
```

Tetradic Color

#461d25
```
#461d25 rgb(70,29,37)
```
#58242f
```
#58242f rgb(88,36,47)
```
#6a2c38
```
#6a2c38 rgb(106,44,56)
```
#7c3342
```
#7c3342 rgb(124,51,66)
```
#8e3a4c
```
#8e3a4c rgb(142,58,76)
```
#a04255
```
#a04255 rgb(160,66,85)
```
#b2495f
```
#b2495f rgb(178,73,95)
```

Monochromatic Color

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

#7c3354
```
#7c3354 rgb(124,51,84)
```
#7c334e
```
#7c334e rgb(124,51,78)
```
#7c3348
```
#7c3348 rgb(124,51,72)
```
#7c3342
```
#7c3342 rgb(124,51,66)
```
#7c333c
```
#7c333c rgb(124,51,60)
```
#7c3336
```
#7c3336 rgb(124,51,54)
```
#7c3633
```
#7c3633 rgb(124,54,51)
```

Similar Colors

Text with hexadecimal color #7c3342

This text has a font color of #7c3342.

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

#7c3342 background color

This paragraph has a background color of #7c3342.

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

#7c3342 border color

This element has a border color of #7c3342.

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

CSS codes

.text {color:#7c3342;}

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

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

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, #0d0507 is the darkest color, while #fffefe is the lightest one.

#0d0507
```
#0d0507 rgb(13,5,7)
```
#1b0b0e
```
#1b0b0e rgb(27,11,14)
```
#291116
```
#291116 rgb(41,17,22)
```
#37161d
```
#37161d rgb(55,22,29)
```
#441c24
```
#441c24 rgb(68,28,36)
```
#52222c
```
#52222c rgb(82,34,44)
```
#602833
```
#602833 rgb(96,40,51)
```
#6e2d3b
```
#6e2d3b rgb(110,45,59)
```
#7c3342
```
#7c3342 rgb(124,51,66)
```
#8a3949
```
#8a3949 rgb(138,57,73)
```
#983e51
```
#983e51 rgb(152,62,81)
```
#a64458
```
#a64458 rgb(166,68,88)
```
#b44a60
```
#b44a60 rgb(180,74,96)
```

Shade Color Variation

#ba576b
```
#ba576b rgb(186,87,107)
```
#c06578
```
#c06578 rgb(192,101,120)
```
#c57384
```
#c57384 rgb(197,115,132)
```
#cb8190
```
#cb8190 rgb(203,129,144)
```
#d18f9c
```
#d18f9c rgb(209,143,156)
```
#d79da9
```
#d79da9 rgb(215,157,169)
```
#dcabb5
```
#dcabb5 rgb(220,171,181)
```
#e2b8c1
```
#e2b8c1 rgb(226,184,193)
```
#e8c6cd
```
#e8c6cd rgb(232,198,205)
```
#edd4d9
```
#edd4d9 rgb(237,212,217)
```
#f3e2e6
```
#f3e2e6 rgb(243,226,230)
```
#f9f0f2
```
#f9f0f2 rgb(249,240,242)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5a5556 is the less saturated color, while #ab0426 is the most saturated one.

#5a5556
```
#5a5556 rgb(90,85,86)
```
#614e52
```
#614e52 rgb(97,78,82)
```
#68474e
```
#68474e rgb(104,71,78)
```
#6f404a
```
#6f404a rgb(111,64,74)
```
#753a46
```
#753a46 rgb(117,58,70)
```
#7c3342
```
#7c3342 rgb(124,51,66)
```
#832c3e
```
#832c3e rgb(131,44,62)
```
#89263a
```
#89263a rgb(137,38,58)
```
#901f36
```
#901f36 rgb(144,31,54)
```
#971832
```
#971832 rgb(151,24,50)
```
#9e112e
```
#9e112e rgb(158,17,46)
```
#a40b2a
```
#a40b2a rgb(164,11,42)
```
#ab0426
```
#ab0426 rgb(171,4,38)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#554649 Atypical Achromatopsia 0.001% of the population

Dichromacy

#555356 Protanopia 1% of men
#615147 Deuteranopia 1% of men
#823f43 Tritanopia 0.001% of the population

Trichromacy

#63474f Protanomaly 1% of men, 0.01% of women
#6a4645 Deuteranomaly 6% of men, 0.4% of women
#7f3a42 Tritanomaly 0.01% of the population

#7c3342 hex color

#7c3342 Color Information

#7c3342 Color Conversion

Color Schemes with #7c3342

Alternatives to #7c3342

#7c3342 Preview

Shades and Tints of #7c3342

Tones of #7c3342

Color Blindness Simulator