#7d3a46 hex color

In a RGB color space, hex #7d3a46 is composed of 49% red, 22.7% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.6% magenta, 44% yellow and 51% black. It has a hue angle of 349.3 degrees, a saturation of 36.6% and a lightness of 35.9%. #7d3a46 color hex could be obtained by blending #fa748c with #000000. Closest websafe color is: #663333.

♥
- f
- t
- g
- R 49
- G 23
- B 27
RGB color chart
- C 0
- M 54
- Y 44
- K 51
CMYK color chart

● #7d3a46 color description : Dark moderate red.

The hexadecimal color #7d3a46 has RGB values of R:125, G:58, B:70 and CMYK values of C:0, M:0.54, Y:0.44, K:0.51. Its decimal value is 8206918.

Hex triplet	7d3a46	`#7d3a46`
RGB Decimal	125, 58, 70	`rgb(125,58,70)`
RGB Percent	49, 22.7, 27.5	`rgb(49%,22.7%,27.5%)`
CMYK	0, 54, 44, 51
HSL	349.3°, 36.6, 35.9	`hsl(349.3,36.6%,35.9%)`
HSV (or HSB)	349.3°, 53.6, 49
Web Safe	663333	`#663333`

CIE-LAB	33.625, 30.324, 6.515
XYZ	11.076, 7.829, 6.722
xyY	0.432, 0.306, 7.829
CIE-LCH	33.625, 31.016, 12.125
CIE-LUV	33.625, 43.777, 2.442
Hunter-Lab	27.981, 21.693, 5.343
Binary	01111101, 00111010, 01000110

#7d3a46
```
#7d3a46 rgb(125,58,70)
```
#3a7d71
```
#3a7d71 rgb(58,125,113)
```

Complementary Color

#7d3a68
```
#7d3a68 rgb(125,58,104)
```
#7d3a46
```
#7d3a46 rgb(125,58,70)
```
#7d503a
```
#7d503a rgb(125,80,58)
```

Analogous Color

#3a687d
```
#3a687d rgb(58,104,125)
```
#7d3a46
```
#7d3a46 rgb(125,58,70)
```
#3a7d50
```
#3a7d50 rgb(58,125,80)
```

Split Complementary Color

#3a467d
```
#3a467d rgb(58,70,125)
```
#7d3a46
```
#7d3a46 rgb(125,58,70)
```
#467d3a
```
#467d3a rgb(70,125,58)
```

Triadic Color

#713a7d
```
#713a7d rgb(113,58,125)
```
#7d3a46
```
#7d3a46 rgb(125,58,70)
```
#467d3a
```
#467d3a rgb(70,125,58)
```
#3a7d71
```
#3a7d71 rgb(58,125,113)
```

Tetradic Color

#492229
```
#492229 rgb(73,34,41)
```
#5a2a32
```
#5a2a32 rgb(90,42,50)
```
#6c323c
```
#6c323c rgb(108,50,60)
```
#7d3a46
```
#7d3a46 rgb(125,58,70)
```
#8e4250
```
#8e4250 rgb(142,66,80)
```
#a04a5a
```
#a04a5a rgb(160,74,90)
```
#b05464
```
#b05464 rgb(176,84,100)
```

Monochromatic Color

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

#7d3a57
```
#7d3a57 rgb(125,58,87)
```
#7d3a51
```
#7d3a51 rgb(125,58,81)
```
#7d3a4c
```
#7d3a4c rgb(125,58,76)
```
#7d3a46
```
#7d3a46 rgb(125,58,70)
```
#7d3a40
```
#7d3a40 rgb(125,58,64)
```
#7d3a3b
```
#7d3a3b rgb(125,58,59)
```
#7d3f3a
```
#7d3f3a rgb(125,63,58)
```

Similar Colors

Text with hexadecimal color #7d3a46

This text has a font color of #7d3a46.

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

#7d3a46 background color

This paragraph has a background color of #7d3a46.

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

#7d3a46 border color

This element has a border color of #7d3a46.

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

CSS codes

.text {color:#7d3a46;}

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

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

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

#040202
```
#040202 rgb(4,2,2)
```
#12080a
```
#12080a rgb(18,8,10)
```
#1f0e11
```
#1f0e11 rgb(31,14,17)
```
#2d1519
```
#2d1519 rgb(45,21,25)
```
#3a1b20
```
#3a1b20 rgb(58,27,32)
```
#472128
```
#472128 rgb(71,33,40)
```
#55272f
```
#55272f rgb(85,39,47)
```
#622e37
```
#622e37 rgb(98,46,55)
```
#70343e
```
#70343e rgb(112,52,62)
```
#7d3a46
```
#7d3a46 rgb(125,58,70)
```
#8a404e
```
#8a404e rgb(138,64,78)
```
#984655
```
#984655 rgb(152,70,85)
```
#a54d5d
```
#a54d5d rgb(165,77,93)
```

Shade Color Variation

#b05566
```
#b05566 rgb(176,85,102)
```
#b66372
```
#b66372 rgb(182,99,114)
```
#bd707e
```
#bd707e rgb(189,112,126)
```
#c37d8a
```
#c37d8a rgb(195,125,138)
```
#c98b96
```
#c98b96 rgb(201,139,150)
```
#cf98a2
```
#cf98a2 rgb(207,152,162)
```
#d6a6ae
```
#d6a6ae rgb(214,166,174)
```
#dcb3ba
```
#dcb3ba rgb(220,179,186)
```
#e2c0c6
```
#e2c0c6 rgb(226,192,198)
```
#e8ced3
```
#e8ced3 rgb(232,206,211)
```
#eedbdf
```
#eedbdf rgb(238,219,223)
```
#f5e9eb
```
#f5e9eb rgb(245,233,235)
```
#fbf6f7
```
#fbf6f7 rgb(251,246,247)
```

Tint Color Variation

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

#615658
```
#615658 rgb(97,86,88)
```
#684f54
```
#684f54 rgb(104,79,84)
```
#6f484f
```
#6f484f rgb(111,72,79)
```
#76414b
```
#76414b rgb(118,65,75)
```
#7d3a46
```
#7d3a46 rgb(125,58,70)
```
#843341
```
#843341 rgb(132,51,65)
```
#8b2c3d
```
#8b2c3d rgb(139,44,61)
```
#922538
```
#922538 rgb(146,37,56)
```
#991e34
```
#991e34 rgb(153,30,52)
```
#a0172f
```
#a0172f rgb(160,23,47)
```
#a7102b
```
#a7102b rgb(167,16,43)
```
#ae0926
```
#ae0926 rgb(174,9,38)
```
#b50222
```
#b50222 rgb(181,2,34)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#584b4d Atypical Achromatopsia 0.001% of the population

Dichromacy

#595759 Protanopia 1% of men
#65554b Deuteranopia 1% of men
#834549 Tritanopia 0.001% of the population

Trichromacy

#664c52 Protanomaly 1% of men, 0.01% of women
#6d4b49 Deuteranomaly 6% of men, 0.4% of women
#814148 Tritanomaly 0.01% of the population

#7d3a46 hex color

#7d3a46 Color Information

#7d3a46 Color Conversion

Color Schemes with #7d3a46

Alternatives to #7d3a46

#7d3a46 Preview

Shades and Tints of #7d3a46

Tones of #7d3a46

Color Blindness Simulator