#7d3057 hex color

In a RGB color space, hex #7d3057 is composed of 49% red, 18.8% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 61.6% magenta, 30.4% yellow and 51% black. It has a hue angle of 329.6 degrees, a saturation of 44.5% and a lightness of 33.9%. #7d3057 color hex could be obtained by blending #fa60ae with #000000. Closest websafe color is: #663366.

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

● #7d3057 color description : Dark moderate pink.

The hexadecimal color #7d3057 has RGB values of R:125, G:48, B:87 and CMYK values of C:0, M:0.62, Y:0.3, K:0.51. Its decimal value is 8204375.

Hex triplet	7d3057	`#7d3057`
RGB Decimal	125, 48, 87	`rgb(125,48,87)`
RGB Percent	49, 18.8, 34.1	`rgb(49%,18.8%,34.1%)`
CMYK	0, 62, 30, 51
HSL	329.6°, 44.5, 33.9	`hsl(329.6,44.5%,33.9%)`
HSV (or HSB)	329.6°, 61.6, 49
Web Safe	663366	`#663366`

CIE-LAB	32.175, 37.733, -6.592
XYZ	11.235, 7.163, 9.807
xyY	0.398, 0.254, 7.163
CIE-LCH	32.175, 38.305, 350.091
CIE-LUV	32.175, 44.169, -13.823
Hunter-Lab	26.764, 28.094, -2.992
Binary	01111101, 00110000, 01010111

#7d3057
```
#7d3057 rgb(125,48,87)
```
#307d56
```
#307d56 rgb(48,125,86)
```

Complementary Color

#7d307d
```
#7d307d rgb(125,48,125)
```
#7d3057
```
#7d3057 rgb(125,48,87)
```
#7d3031
```
#7d3031 rgb(125,48,49)
```

Analogous Color

#307d7d
```
#307d7d rgb(48,125,125)
```
#7d3057
```
#7d3057 rgb(125,48,87)
```
#317d30
```
#317d30 rgb(49,125,48)
```

Split Complementary Color

#30577d
```
#30577d rgb(48,87,125)
```
#7d3057
```
#7d3057 rgb(125,48,87)
```
#577d30
```
#577d30 rgb(87,125,48)
```

Triadic Color

#56307d
```
#56307d rgb(86,48,125)
```
#7d3057
```
#7d3057 rgb(125,48,87)
```
#577d30
```
#577d30 rgb(87,125,48)
```
#307d56
```
#307d56 rgb(48,125,86)
```

Tetradic Color

#461b31
```
#461b31 rgb(70,27,49)
```
#58223d
```
#58223d rgb(88,34,61)
```
#6b294a
```
#6b294a rgb(107,41,74)
```
#7d3057
```
#7d3057 rgb(125,48,87)
```
#8f3764
```
#8f3764 rgb(143,55,100)
```
#a23e71
```
#a23e71 rgb(162,62,113)
```
#b4457d
```
#b4457d rgb(180,69,125)
```

Monochromatic Color

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

#7d306a
```
#7d306a rgb(125,48,106)
```
#7d3064
```
#7d3064 rgb(125,48,100)
```
#7d305d
```
#7d305d rgb(125,48,93)
```
#7d3057
```
#7d3057 rgb(125,48,87)
```
#7d3051
```
#7d3051 rgb(125,48,81)
```
#7d304a
```
#7d304a rgb(125,48,74)
```
#7d3044
```
#7d3044 rgb(125,48,68)
```

Similar Colors

Text with hexadecimal color #7d3057

This text has a font color of #7d3057.

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

#7d3057 background color

This paragraph has a background color of #7d3057.

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

#7d3057 border color

This element has a border color of #7d3057.

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

CSS codes

.text {color:#7d3057;}

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

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

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

#0c0408
```
#0c0408 rgb(12,4,8)
```
#1a0a12
```
#1a0a12 rgb(26,10,18)
```
#280f1c
```
#280f1c rgb(40,15,28)
```
#361526
```
#361526 rgb(54,21,38)
```
#441a30
```
#441a30 rgb(68,26,48)
```
#522039
```
#522039 rgb(82,32,57)
```
#612543
```
#612543 rgb(97,37,67)
```
#6f2b4d
```
#6f2b4d rgb(111,43,77)
```
#7d3057
```
#7d3057 rgb(125,48,87)
```
#8b3561
```
#8b3561 rgb(139,53,97)
```
#993b6b
```
#993b6b rgb(153,59,107)
```
#a84075
```
#a84075 rgb(168,64,117)
```
#b6467e
```
#b6467e rgb(182,70,126)
```

Shade Color Variation

#bd5288
```
#bd5288 rgb(189,82,136)
```
#c26192
```
#c26192 rgb(194,97,146)
```
#c86f9c
```
#c86f9c rgb(200,111,156)
```
#cd7da5
```
#cd7da5 rgb(205,125,165)
```
#d28baf
```
#d28baf rgb(210,139,175)
```
#d899b9
```
#d899b9 rgb(216,153,185)
```
#dda7c3
```
#dda7c3 rgb(221,167,195)
```
#e3b6cc
```
#e3b6cc rgb(227,182,204)
```
#e8c4d6
```
#e8c4d6 rgb(232,196,214)
```
#eed2e0
```
#eed2e0 rgb(238,210,224)
```
#f3e0ea
```
#f3e0ea rgb(243,224,234)
```
#f9eef3
```
#f9eef3 rgb(249,238,243)
```
#fefcfd
```
#fefcfd rgb(254,252,253)
```

Tint Color Variation

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

#5c5157
```
#5c5157 rgb(92,81,87)
```
#624b57
```
#624b57 rgb(98,75,87)
```
#694457
```
#694457 rgb(105,68,87)
```
#703d57
```
#703d57 rgb(112,61,87)
```
#763757
```
#763757 rgb(118,55,87)
```
#7d3057
```
#7d3057 rgb(125,48,87)
```
#842957
```
#842957 rgb(132,41,87)
```
#8a2357
```
#8a2357 rgb(138,35,87)
```
#911c57
```
#911c57 rgb(145,28,87)
```
#981557
```
#981557 rgb(152,21,87)
```
#9e0f57
```
#9e0f57 rgb(158,15,87)
```
#a50858
```
#a50858 rgb(165,8,88)
```
#ac0158
```
#ac0158 rgb(172,1,88)
```

Tone Color Variation

Below, you can see how #7d3057 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
#55464d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d546e Protanopia 1% of men
#5a5259 Deuteranopia 1% of men
#814045 Tritanopia 0.001% of the population

Trichromacy

#5e4666 Protanomaly 1% of men, 0.01% of women
#674658 Deuteranomaly 6% of men, 0.4% of women
#7f3a4b Tritanomaly 0.01% of the population

#7d3057 hex color

#7d3057 Color Information

#7d3057 Color Conversion

Color Schemes with #7d3057

Alternatives to #7d3057

#7d3057 Preview

Shades and Tints of #7d3057

Tones of #7d3057

Color Blindness Simulator