#7d3557 hex color

In a RGB color space, hex #7d3557 is composed of 49% red, 20.8% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57.6% magenta, 30.4% yellow and 51% black. It has a hue angle of 331.7 degrees, a saturation of 40.4% and a lightness of 34.9%. #7d3557 color hex could be obtained by blending #fa6aae with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 49
- G 21
- B 34
RGB color chart
- C 0
- M 58
- Y 30
- K 51
CMYK color chart

● #7d3557 color description : Dark moderate pink.

The hexadecimal color #7d3557 has RGB values of R:125, G:53, B:87 and CMYK values of C:0, M:0.58, Y:0.3, K:0.51. Its decimal value is 8205655.

Hex triplet	7d3557	`#7d3557`
RGB Decimal	125, 53, 87	`rgb(125,53,87)`
RGB Percent	49, 20.8, 34.1	`rgb(49%,20.8%,34.1%)`
CMYK	0, 58, 30, 51
HSL	331.7°, 40.4, 34.9	`hsl(331.7,40.4%,34.9%)`
HSV (or HSB)	331.7°, 57.6, 49
Web Safe	663366	`#663366`

CIE-LAB	33.125, 35.201, -5.172
XYZ	11.451, 7.595, 9.879
xyY	0.396, 0.263, 7.595
CIE-LCH	33.125, 35.579, 351.641
CIE-LUV	33.125, 42.045, -11.787
Hunter-Lab	27.559, 25.938, -1.962
Binary	01111101, 00110101, 01010111

#7d3557
```
#7d3557 rgb(125,53,87)
```
#357d5b
```
#357d5b rgb(53,125,91)
```

Complementary Color

#7d357b
```
#7d357b rgb(125,53,123)
```
#7d3557
```
#7d3557 rgb(125,53,87)
```
#7d3735
```
#7d3735 rgb(125,55,53)
```

Analogous Color

#357b7d
```
#357b7d rgb(53,123,125)
```
#7d3557
```
#7d3557 rgb(125,53,87)
```
#357d37
```
#357d37 rgb(53,125,55)
```

Split Complementary Color

#35577d
```
#35577d rgb(53,87,125)
```
#7d3557
```
#7d3557 rgb(125,53,87)
```
#577d35
```
#577d35 rgb(87,125,53)
```

Triadic Color

#5b357d
```
#5b357d rgb(91,53,125)
```
#7d3557
```
#7d3557 rgb(125,53,87)
```
#577d35
```
#577d35 rgb(87,125,53)
```
#357d5b
```
#357d5b rgb(53,125,91)
```

Tetradic Color

#471e32
```
#471e32 rgb(71,30,50)
```
#59263e
```
#59263e rgb(89,38,62)
```
#6b2d4b
```
#6b2d4b rgb(107,45,75)
```
#7d3557
```
#7d3557 rgb(125,53,87)
```
#8f3d63
```
#8f3d63 rgb(143,61,99)
```
#a14470
```
#a14470 rgb(161,68,112)
```
#b34c7c
```
#b34c7c rgb(179,76,124)
```

Monochromatic Color

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

#7d3569
```
#7d3569 rgb(125,53,105)
```
#7d3563
```
#7d3563 rgb(125,53,99)
```
#7d355d
```
#7d355d rgb(125,53,93)
```
#7d3557
```
#7d3557 rgb(125,53,87)
```
#7d3551
```
#7d3551 rgb(125,53,81)
```
#7d354b
```
#7d354b rgb(125,53,75)
```
#7d3545
```
#7d3545 rgb(125,53,69)
```

Similar Colors

Text with hexadecimal color #7d3557

This text has a font color of #7d3557.

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

#7d3557 background color

This paragraph has a background color of #7d3557.

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

#7d3557 border color

This element has a border color of #7d3557.

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

CSS codes

.text {color:#7d3557;}

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

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

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

#010001
```
#010001 rgb(1,0,1)
```
#0f060a
```
#0f060a rgb(15,6,10)
```
#1d0c14
```
#1d0c14 rgb(29,12,20)
```
#2a121d
```
#2a121d rgb(42,18,29)
```
#381827
```
#381827 rgb(56,24,39)
```
#461e31
```
#461e31 rgb(70,30,49)
```
#54233a
```
#54233a rgb(84,35,58)
```
#612944
```
#612944 rgb(97,41,68)
```
#6f2f4d
```
#6f2f4d rgb(111,47,77)
```
#7d3557
```
#7d3557 rgb(125,53,87)
```
#8b3b61
```
#8b3b61 rgb(139,59,97)
```
#99416a
```
#99416a rgb(153,65,106)
```
#a64774
```
#a64774 rgb(166,71,116)
```

Shade Color Variation

#b44d7d
```
#b44d7d rgb(180,77,125)
```
#b95b87
```
#b95b87 rgb(185,91,135)
```
#bf6991
```
#bf6991 rgb(191,105,145)
```
#c5769b
```
#c5769b rgb(197,118,155)
```
#cb84a5
```
#cb84a5 rgb(203,132,165)
```
#d192b0
```
#d192b0 rgb(209,146,176)
```
#d7a0ba
```
#d7a0ba rgb(215,160,186)
```
#dcadc4
```
#dcadc4 rgb(220,173,196)
```
#e2bbce
```
#e2bbce rgb(226,187,206)
```
#e8c9d8
```
#e8c9d8 rgb(232,201,216)
```
#eed7e2
```
#eed7e2 rgb(238,215,226)
```
#f4e4ec
```
#f4e4ec rgb(244,228,236)
```
#faf2f6
```
#faf2f6 rgb(250,242,246)
```

Tint Color Variation

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

#5b5759
```
#5b5759 rgb(91,87,89)
```
#625059
```
#625059 rgb(98,80,89)
```
#684a58
```
#684a58 rgb(104,74,88)
```
#6f4358
```
#6f4358 rgb(111,67,88)
```
#763c57
```
#763c57 rgb(118,60,87)
```
#7d3557
```
#7d3557 rgb(125,53,87)
```
#842e57
```
#842e57 rgb(132,46,87)
```
#8b2756
```
#8b2756 rgb(139,39,86)
```
#922056
```
#922056 rgb(146,32,86)
```
#981a55
```
#981a55 rgb(152,26,85)
```
#9f1355
```
#9f1355 rgb(159,19,85)
```
#a60c55
```
#a60c55 rgb(166,12,85)
```
#ad0554
```
#ad0554 rgb(173,5,84)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#574950 Atypical Achromatopsia 0.001% of the population

Dichromacy

#50566c Protanopia 1% of men
#5d545a Deuteranopia 1% of men
#814448 Tritanopia 0.001% of the population

Trichromacy

#604a64 Protanomaly 1% of men, 0.01% of women
#694959 Deuteranomaly 6% of men, 0.4% of women
#7f3e4e Tritanomaly 0.01% of the population

#7d3557 hex color

#7d3557 Color Information

#7d3557 Color Conversion

Color Schemes with #7d3557

Alternatives to #7d3557

#7d3557 Preview

Shades and Tints of #7d3557

Tones of #7d3557

Color Blindness Simulator