#7d306c hex color

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

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

● #7d306c color description : Dark moderate magenta.

The hexadecimal color #7d306c has RGB values of R:125, G:48, B:108 and CMYK values of C:0, M:0.62, Y:0.14, K:0.51. Its decimal value is 8204396.

Hex triplet	7d306c	`#7d306c`
RGB Decimal	125, 48, 108	`rgb(125,48,108)`
RGB Percent	49, 18.8, 42.4	`rgb(49%,18.8%,42.4%)`
CMYK	0, 62, 14, 51
HSL	313.2°, 44.5, 33.9	`hsl(313.2,44.5%,33.9%)`
HSV (or HSB)	313.2°, 61.6, 49
Web Safe	663366	`#663366`

CIE-LAB	33.044, 40.969, -18.739
XYZ	12.221, 7.557, 15.002
xyY	0.351, 0.217, 7.557
CIE-LCH	33.044, 45.051, 335.42
CIE-LUV	33.044, 38.113, -29.904
Hunter-Lab	27.491, 31.244, -13.111
Binary	01111101, 00110000, 01101100

#7d306c
```
#7d306c rgb(125,48,108)
```
#307d41
```
#307d41 rgb(48,125,65)
```

Complementary Color

#68307d
```
#68307d rgb(104,48,125)
```
#7d306c
```
#7d306c rgb(125,48,108)
```
#7d3046
```
#7d3046 rgb(125,48,70)
```

Analogous Color

#307d68
```
#307d68 rgb(48,125,104)
```
#7d306c
```
#7d306c rgb(125,48,108)
```
#467d30
```
#467d30 rgb(70,125,48)
```

Split Complementary Color

#306c7d
```
#306c7d rgb(48,108,125)
```
#7d306c
```
#7d306c rgb(125,48,108)
```
#6c7d30
```
#6c7d30 rgb(108,125,48)
```

Triadic Color

#41307d
```
#41307d rgb(65,48,125)
```
#7d306c
```
#7d306c rgb(125,48,108)
```
#6c7d30
```
#6c7d30 rgb(108,125,48)
```
#307d41
```
#307d41 rgb(48,125,65)
```

Tetradic Color

#461b3c
```
#461b3c rgb(70,27,60)
```
#58224c
```
#58224c rgb(88,34,76)
```
#6b295c
```
#6b295c rgb(107,41,92)
```
#7d306c
```
#7d306c rgb(125,48,108)
```
#8f377c
```
#8f377c rgb(143,55,124)
```
#a23e8c
```
#a23e8c rgb(162,62,140)
```
#b4459c
```
#b4459c rgb(180,69,156)
```

Monochromatic Color

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

#7b307d
```
#7b307d rgb(123,48,125)
```
#7d3079
```
#7d3079 rgb(125,48,121)
```
#7d3072
```
#7d3072 rgb(125,48,114)
```
#7d306c
```
#7d306c rgb(125,48,108)
```
#7d3066
```
#7d3066 rgb(125,48,102)
```
#7d305f
```
#7d305f rgb(125,48,95)
```
#7d3059
```
#7d3059 rgb(125,48,89)
```

Similar Colors

Text with hexadecimal color #7d306c

This text has a font color of #7d306c.

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

#7d306c background color

This paragraph has a background color of #7d306c.

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

#7d306c border color

This element has a border color of #7d306c.

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

CSS codes

.text {color:#7d306c;}

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

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

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

#0c040a
```
#0c040a rgb(12,4,10)
```
#1a0a16
```
#1a0a16 rgb(26,10,22)
```
#280f23
```
#280f23 rgb(40,15,35)
```
#36152f
```
#36152f rgb(54,21,47)
```
#441a3b
```
#441a3b rgb(68,26,59)
```
#522047
```
#522047 rgb(82,32,71)
```
#612554
```
#612554 rgb(97,37,84)
```
#6f2b60
```
#6f2b60 rgb(111,43,96)
```
#7d306c
```
#7d306c rgb(125,48,108)
```
#8b3578
```
#8b3578 rgb(139,53,120)
```
#993b84
```
#993b84 rgb(153,59,132)
```
#a84091
```
#a84091 rgb(168,64,145)
```
#b6469d
```
#b6469d rgb(182,70,157)
```

Shade Color Variation

#bd52a5
```
#bd52a5 rgb(189,82,165)
```
#c261ad
```
#c261ad rgb(194,97,173)
```
#c86fb4
```
#c86fb4 rgb(200,111,180)
```
#cd7dbb
```
#cd7dbb rgb(205,125,187)
```
#d28bc3
```
#d28bc3 rgb(210,139,195)
```
#d899ca
```
#d899ca rgb(216,153,202)
```
#dda7d1
```
#dda7d1 rgb(221,167,209)
```
#e3b6d9
```
#e3b6d9 rgb(227,182,217)
```
#e8c4e0
```
#e8c4e0 rgb(232,196,224)
```
#eed2e8
```
#eed2e8 rgb(238,210,232)
```
#f3e0ef
```
#f3e0ef rgb(243,224,239)
```
#f9eef6
```
#f9eef6 rgb(249,238,246)
```
#fefcfe
```
#fefcfe rgb(254,252,254)
```

Tint Color Variation

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

#5c5159
```
#5c5159 rgb(92,81,89)
```
#624b5d
```
#624b5d rgb(98,75,93)
```
#694461
```
#694461 rgb(105,68,97)
```
#703d65
```
#703d65 rgb(112,61,101)
```
#763768
```
#763768 rgb(118,55,104)
```
#7d306c
```
#7d306c rgb(125,48,108)
```
#842970
```
#842970 rgb(132,41,112)
```
#8a2373
```
#8a2373 rgb(138,35,115)
```
#911c77
```
#911c77 rgb(145,28,119)
```
#98157b
```
#98157b rgb(152,21,123)
```
#9e0f7f
```
#9e0f7f rgb(158,15,127)
```
#a50882
```
#a50882 rgb(165,8,130)
```
#ac0186
```
#ac0186 rgb(172,1,134)
```

Tone Color Variation

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

Dichromacy

#425585 Protanopia 1% of men
#52556c Deuteranopia 1% of men
#7f454a Tritanopia 0.001% of the population

Trichromacy

#57477c Protanomaly 1% of men, 0.01% of women
#62476c Deuteranomaly 6% of men, 0.4% of women
#7e3d56 Tritanomaly 0.01% of the population

#7d306c hex color

#7d306c Color Information

#7d306c Color Conversion

Color Schemes with #7d306c

Alternatives to #7d306c

#7d306c Preview

Shades and Tints of #7d306c

Tones of #7d306c

Color Blindness Simulator