#7a2277 hex color

In a RGB color space, hex #7a2277 is composed of 47.8% red, 13.3% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.1% magenta, 2.5% yellow and 52.2% black. It has a hue angle of 302 degrees, a saturation of 56.4% and a lightness of 30.6%. #7a2277 color hex could be obtained by blending #f444ee with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 48
- G 13
- B 47
RGB color chart
- C 0
- M 72
- Y 2
- K 52
CMYK color chart

● #7a2277 color description : Dark magenta.

The hexadecimal color #7a2277 has RGB values of R:122, G:34, B:119 and CMYK values of C:0, M:0.72, Y:0.02, K:0.52. Its decimal value is 8004215.

Hex triplet	7a2277	`#7a2277`
RGB Decimal	122, 34, 119	`rgb(122,34,119)`
RGB Percent	47.8, 13.3, 46.7	`rgb(47.8%,13.3%,46.7%)`
CMYK	0, 72, 2, 52
HSL	302°, 56.4, 30.6	`hsl(302,56.4%,30.6%)`
HSV (or HSB)	302°, 72.1, 47.8
Web Safe	663366	`#663366`

CIE-LAB	30.912, 48.12, -29.086
XYZ	11.928, 6.614, 18.1
xyY	0.326, 0.181, 6.614
CIE-LCH	30.912, 56.227, 328.849
CIE-LUV	30.912, 36.385, -43.61
Hunter-Lab	25.718, 37.778, -23.725
Binary	01111010, 00100010, 01110111

#7a2277
```
#7a2277 rgb(122,34,119)
```
#227a25
```
#227a25 rgb(34,122,37)
```

Complementary Color

#51227a
```
#51227a rgb(81,34,122)
```
#7a2277
```
#7a2277 rgb(122,34,119)
```
#7a224b
```
#7a224b rgb(122,34,75)
```

Analogous Color

#227a51
```
#227a51 rgb(34,122,81)
```
#7a2277
```
#7a2277 rgb(122,34,119)
```
#4b7a22
```
#4b7a22 rgb(75,122,34)
```

Split Complementary Color

#22777a
```
#22777a rgb(34,119,122)
```
#7a2277
```
#7a2277 rgb(122,34,119)
```
#777a22
```
#777a22 rgb(119,122,34)
```

Triadic Color

#25227a
```
#25227a rgb(37,34,122)
```
#7a2277
```
#7a2277 rgb(122,34,119)
```
#777a22
```
#777a22 rgb(119,122,34)
```
#227a25
```
#227a25 rgb(34,122,37)
```

Tetradic Color

#3e113d
```
#3e113d rgb(62,17,61)
```
#521750
```
#521750 rgb(82,23,80)
```
#661c64
```
#661c64 rgb(102,28,100)
```
#7a2277
```
#7a2277 rgb(122,34,119)
```
#8e288a
```
#8e288a rgb(142,40,138)
```
#a22d9e
```
#a22d9e rgb(162,45,158)
```
#b633b1
```
#b633b1 rgb(182,51,177)
```

Monochromatic Color

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

#67227a
```
#67227a rgb(103,34,122)
```
#6e227a
```
#6e227a rgb(110,34,122)
```
#76227a
```
#76227a rgb(118,34,122)
```
#7a2277
```
#7a2277 rgb(122,34,119)
```
#7a2270
```
#7a2270 rgb(122,34,112)
```
#7a2268
```
#7a2268 rgb(122,34,104)
```
#7a2261
```
#7a2261 rgb(122,34,97)
```

Similar Colors

Text with hexadecimal color #7a2277

This text has a font color of #7a2277.

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

#7a2277 background color

This paragraph has a background color of #7a2277.

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

#7a2277 border color

This element has a border color of #7a2277.

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

CSS codes

.text {color:#7a2277;}

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

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

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

#0f040e
```
#0f040e rgb(15,4,14)
```
#1e081d
```
#1e081d rgb(30,8,29)
```
#2d0d2c
```
#2d0d2c rgb(45,13,44)
```
#3d113b
```
#3d113b rgb(61,17,59)
```
#4c154a
```
#4c154a rgb(76,21,74)
```
#5b1959
```
#5b1959 rgb(91,25,89)
```
#6b1e68
```
#6b1e68 rgb(107,30,104)
```
#7a2277
```
#7a2277 rgb(122,34,119)
```
#892686
```
#892686 rgb(137,38,134)
```
#992b95
```
#992b95 rgb(153,43,149)
```
#a82fa4
```
#a82fa4 rgb(168,47,164)
```
#b733b3
```
#b733b3 rgb(183,51,179)
```
#c737c2
```
#c737c2 rgb(199,55,194)
```

Shade Color Variation

#cb46c7
```
#cb46c7 rgb(203,70,199)
```
#d056cc
```
#d056cc rgb(208,86,204)
```
#d465d0
```
#d465d0 rgb(212,101,208)
```
#d874d5
```
#d874d5 rgb(216,116,213)
```
#dd84da
```
#dd84da rgb(221,132,218)
```
#e193de
```
#e193de rgb(225,147,222)
```
#e5a2e3
```
#e5a2e3 rgb(229,162,227)
```
#e9b2e8
```
#e9b2e8 rgb(233,178,232)
```
#eec1ec
```
#eec1ec rgb(238,193,236)
```
#f2d0f1
```
#f2d0f1 rgb(242,208,241)
```
#f6e0f5
```
#f6e0f5 rgb(246,224,245)
```
#fbeffa
```
#fbeffa rgb(251,239,250)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#504c50
```
#504c50 rgb(80,76,80)
```
#564655
```
#564655 rgb(86,70,85)
```
#5c405b
```
#5c405b rgb(92,64,91)
```
#623a61
```
#623a61 rgb(98,58,97)
```
#683466
```
#683466 rgb(104,52,102)
```
#6e2e6c
```
#6e2e6c rgb(110,46,108)
```
#742871
```
#742871 rgb(116,40,113)
```
#7a2277
```
#7a2277 rgb(122,34,119)
```
#801c7d
```
#801c7d rgb(128,28,125)
```
#861682
```
#861682 rgb(134,22,130)
```
#8c1088
```
#8c1088 rgb(140,16,136)
```
#920a8d
```
#920a8d rgb(146,10,141)
```
#980493
```
#980493 rgb(152,4,147)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#503f50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1d4f98 Protanopia 1% of men
#425174 Deuteranopia 1% of men
#794045 Tritanopia 0.001% of the population

Trichromacy

#3f3f8c Protanomaly 1% of men, 0.01% of women
#564075 Deuteranomaly 6% of men, 0.4% of women
#793557 Tritanomaly 0.01% of the population

#7a2277 hex color

#7a2277 Color Information

#7a2277 Color Conversion

Color Schemes with #7a2277

Alternatives to #7a2277

#7a2277 Preview

Shades and Tints of #7a2277

Tones of #7a2277

Color Blindness Simulator