#822a57 hex color

In a RGB color space, hex #822a57 is composed of 51% red, 16.5% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.7% magenta, 33.1% yellow and 49% black. It has a hue angle of 329.3 degrees, a saturation of 51.2% and a lightness of 33.7%. #822a57 color hex could be obtained by blending #ff54ae with #050000. Closest websafe color is: #993366.

♥
- f
- t
- g
- R 51
- G 16
- B 34
RGB color chart
- C 0
- M 68
- Y 33
- K 49
CMYK color chart

● #822a57 color description : Dark moderate pink.

The hexadecimal color #822a57 has RGB values of R:130, G:42, B:87 and CMYK values of C:0, M:0.68, Y:0.33, K:0.49. Its decimal value is 8530519.

Hex triplet	822a57	`#822a57`
RGB Decimal	130, 42, 87	`rgb(130,42,87)`
RGB Percent	51, 16.5, 34.1	`rgb(51%,16.5%,34.1%)`
CMYK	0, 68, 33, 49
HSL	329.3°, 51.2, 33.7	`hsl(329.3,51.2%,33.7%)`
HSV (or HSB)	329.3°, 67.7, 51
Web Safe	993366	`#993366`

CIE-LAB	32.013, 42.157, -6.745
XYZ	11.754, 7.091, 9.766
xyY	0.411, 0.248, 7.091
CIE-LCH	32.013, 42.693, 350.91
CIE-LUV	32.013, 50.4, -14.742
Hunter-Lab	26.629, 32.192, -3.104
Binary	10000010, 00101010, 01010111

#822a57
```
#822a57 rgb(130,42,87)
```
#2a8255
```
#2a8255 rgb(42,130,85)
```

Complementary Color

#812a82
```
#812a82 rgb(129,42,130)
```
#822a57
```
#822a57 rgb(130,42,87)
```
#822a2b
```
#822a2b rgb(130,42,43)
```

Analogous Color

#2a8281
```
#2a8281 rgb(42,130,129)
```
#822a57
```
#822a57 rgb(130,42,87)
```
#2b822a
```
#2b822a rgb(43,130,42)
```

Split Complementary Color

#2a5782
```
#2a5782 rgb(42,87,130)
```
#822a57
```
#822a57 rgb(130,42,87)
```
#57822a
```
#57822a rgb(87,130,42)
```

Triadic Color

#552a82
```
#552a82 rgb(85,42,130)
```
#822a57
```
#822a57 rgb(130,42,87)
```
#57822a
```
#57822a rgb(87,130,42)
```
#2a8255
```
#2a8255 rgb(42,130,85)
```

Tetradic Color

#481730
```
#481730 rgb(72,23,48)
```
#5b1e3d
```
#5b1e3d rgb(91,30,61)
```
#6f244a
```
#6f244a rgb(111,36,74)
```
#822a57
```
#822a57 rgb(130,42,87)
```
#953064
```
#953064 rgb(149,48,100)
```
#a93671
```
#a93671 rgb(169,54,113)
```
#bc3d7e
```
#bc3d7e rgb(188,61,126)
```

Monochromatic Color

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

#822a6d
```
#822a6d rgb(130,42,109)
```
#822a66
```
#822a66 rgb(130,42,102)
```
#822a5e
```
#822a5e rgb(130,42,94)
```
#822a57
```
#822a57 rgb(130,42,87)
```
#822a50
```
#822a50 rgb(130,42,80)
```
#822a48
```
#822a48 rgb(130,42,72)
```
#822a41
```
#822a41 rgb(130,42,65)
```

Similar Colors

Text with hexadecimal color #822a57

This text has a font color of #822a57.

<span style="color:#822a57;">Text here</span>

#822a57 background color

This paragraph has a background color of #822a57.

<p style="background-color:#822a57;">Content here</p>

#822a57 border color

This element has a border color of #822a57.

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

CSS codes

.text {color:#822a57;}

.background {background-color:#822a57;}

.border {border:1px solid #822a57;}

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

#0b0408
```
#0b0408 rgb(11,4,8)
```
#1a0812
```
#1a0812 rgb(26,8,18)
```
#290d1b
```
#290d1b rgb(41,13,27)
```
#381225
```
#381225 rgb(56,18,37)
```
#47172f
```
#47172f rgb(71,23,47)
```
#561c39
```
#561c39 rgb(86,28,57)
```
#642043
```
#642043 rgb(100,32,67)
```
#73254d
```
#73254d rgb(115,37,77)
```
#822a57
```
#822a57 rgb(130,42,87)
```
#912f61
```
#912f61 rgb(145,47,97)
```
#a0346b
```
#a0346b rgb(160,52,107)
```
#ae3875
```
#ae3875 rgb(174,56,117)
```
#bd3d7f
```
#bd3d7f rgb(189,61,127)
```

Shade Color Variation

#c44a88
```
#c44a88 rgb(196,74,136)
```
#c95892
```
#c95892 rgb(201,88,146)
```
#ce679c
```
#ce679c rgb(206,103,156)
```
#d376a6
```
#d376a6 rgb(211,118,166)
```
#d885af
```
#d885af rgb(216,133,175)
```
#dc94b9
```
#dc94b9 rgb(220,148,185)
```
#e1a3c3
```
#e1a3c3 rgb(225,163,195)
```
#e6b1cc
```
#e6b1cc rgb(230,177,204)
```
#ebc0d6
```
#ebc0d6 rgb(235,192,214)
```
#f0cfe0
```
#f0cfe0 rgb(240,207,224)
```
#f4dee9
```
#f4dee9 rgb(244,222,233)
```
#f9edf3
```
#f9edf3 rgb(249,237,243)
```
#fefcfd
```
#fefcfd rgb(254,252,253)
```

Tint Color Variation

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

#5a5256
```
#5a5256 rgb(90,82,86)
```
#614b56
```
#614b56 rgb(97,75,86)
```
#684456
```
#684456 rgb(104,68,86)
```
#6e3e57
```
#6e3e57 rgb(110,62,87)
```
#753757
```
#753757 rgb(117,55,87)
```
#7b3157
```
#7b3157 rgb(123,49,87)
```
#822a57
```
#822a57 rgb(130,42,87)
```
#892357
```
#892357 rgb(137,35,87)
```
#8f1d57
```
#8f1d57 rgb(143,29,87)
```
#961657
```
#961657 rgb(150,22,87)
```
#9c1058
```
#9c1058 rgb(156,16,88)
```
#a30958
```
#a30958 rgb(163,9,88)
```
#aa0258
```
#aa0258 rgb(170,2,88)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#54434c Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b5371 Protanopia 1% of men
#5a5259 Deuteranopia 1% of men
#853c40 Tritanopia 0.001% of the population

Trichromacy

#5f4467 Protanomaly 1% of men, 0.01% of women
#684358 Deuteranomaly 6% of men, 0.4% of women
#843548 Tritanomaly 0.01% of the population

#822a57 hex color

#822a57 Color Information

#822a57 Color Conversion

Color Schemes with #822a57

Alternatives to #822a57

#822a57 Preview

Shades and Tints of #822a57

Tones of #822a57

Color Blindness Simulator