#822f63 hex color

In a RGB color space, hex #822f63 is composed of 51% red, 18.4% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.8% magenta, 23.8% yellow and 49% black. It has a hue angle of 322.4 degrees, a saturation of 46.9% and a lightness of 34.7%. #822f63 color hex could be obtained by blending #ff5ec6 with #050000. Closest websafe color is: #993366.

♥
- f
- t
- g
- R 51
- G 18
- B 39
RGB color chart
- C 0
- M 64
- Y 24
- K 49
CMYK color chart

● #822f63 color description : Dark moderate pink.

The hexadecimal color #822f63 has RGB values of R:130, G:47, B:99 and CMYK values of C:0, M:0.64, Y:0.24, K:0.49. Its decimal value is 8531811.

Hex triplet	822f63	`#822f63`
RGB Decimal	130, 47, 99	`rgb(130,47,99)`
RGB Percent	51, 18.4, 38.8	`rgb(51%,18.4%,38.8%)`
CMYK	0, 64, 24, 49
HSL	322.4°, 46.9, 34.7	`hsl(322.4,46.9%,34.7%)`
HSV (or HSB)	322.4°, 63.8, 51
Web Safe	993366	`#993366`

CIE-LAB	33.309, 41.559, -12.522
XYZ	12.475, 7.681, 12.629
xyY	0.381, 0.234, 7.681
CIE-LCH	33.309, 43.405, 343.232
CIE-LUV	33.309, 44.83, -22.014
Hunter-Lab	27.714, 31.847, -7.619
Binary	10000010, 00101111, 01100011

#822f63
```
#822f63 rgb(130,47,99)
```
#2f824e
```
#2f824e rgb(47,130,78)
```

Complementary Color

#782f82
```
#782f82 rgb(120,47,130)
```
#822f63
```
#822f63 rgb(130,47,99)
```
#822f3a
```
#822f3a rgb(130,47,58)
```

Analogous Color

#2f8278
```
#2f8278 rgb(47,130,120)
```
#822f63
```
#822f63 rgb(130,47,99)
```
#3a822f
```
#3a822f rgb(58,130,47)
```

Split Complementary Color

#2f6382
```
#2f6382 rgb(47,99,130)
```
#822f63
```
#822f63 rgb(130,47,99)
```
#63822f
```
#63822f rgb(99,130,47)
```

Triadic Color

#4e2f82
```
#4e2f82 rgb(78,47,130)
```
#822f63
```
#822f63 rgb(130,47,99)
```
#63822f
```
#63822f rgb(99,130,47)
```
#2f824e
```
#2f824e rgb(47,130,78)
```

Tetradic Color

#4a1b38
```
#4a1b38 rgb(74,27,56)
```
#5d2146
```
#5d2146 rgb(93,33,70)
```
#6f2855
```
#6f2855 rgb(111,40,85)
```
#822f63
```
#822f63 rgb(130,47,99)
```
#953671
```
#953671 rgb(149,54,113)
```
#a73d80
```
#a73d80 rgb(167,61,128)
```
#ba438e
```
#ba438e rgb(186,67,142)
```

Monochromatic Color

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

#822f78
```
#822f78 rgb(130,47,120)
```
#822f71
```
#822f71 rgb(130,47,113)
```
#822f6a
```
#822f6a rgb(130,47,106)
```
#822f63
```
#822f63 rgb(130,47,99)
```
#822f5c
```
#822f5c rgb(130,47,92)
```
#822f55
```
#822f55 rgb(130,47,85)
```
#822f4e
```
#822f4e rgb(130,47,78)
```

Similar Colors

Text with hexadecimal color #822f63

This text has a font color of #822f63.

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

#822f63 background color

This paragraph has a background color of #822f63.

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

#822f63 border color

This element has a border color of #822f63.

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

CSS codes

.text {color:#822f63;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0f050b
```
#0f050b rgb(15,5,11)
```
#1d0b16
```
#1d0b16 rgb(29,11,22)
```
#2c1021
```
#2c1021 rgb(44,16,33)
```
#3a152c
```
#3a152c rgb(58,21,44)
```
#481a37
```
#481a37 rgb(72,26,55)
```
#571f42
```
#571f42 rgb(87,31,66)
```
#65254d
```
#65254d rgb(101,37,77)
```
#742a58
```
#742a58 rgb(116,42,88)
```
#822f63
```
#822f63 rgb(130,47,99)
```
#90346e
```
#90346e rgb(144,52,110)
```
#9f3979
```
#9f3979 rgb(159,57,121)
```
#ad3f84
```
#ad3f84 rgb(173,63,132)
```

Shade Color Variation

#bb448f
```
#bb448f rgb(187,68,143)
```
#c15297
```
#c15297 rgb(193,82,151)
```
#c661a0
```
#c661a0 rgb(198,97,160)
```
#cb6fa9
```
#cb6fa9 rgb(203,111,169)
```
#d07eb1
```
#d07eb1 rgb(208,126,177)
```
#d58cba
```
#d58cba rgb(213,140,186)
```
#db9ac3
```
#db9ac3 rgb(219,154,195)
```
#e0a9cb
```
#e0a9cb rgb(224,169,203)
```
#e5b7d4
```
#e5b7d4 rgb(229,183,212)
```
#eac6dd
```
#eac6dd rgb(234,198,221)
```
#efd4e5
```
#efd4e5 rgb(239,212,229)
```
#f5e3ee
```
#f5e3ee rgb(245,227,238)
```
#faf1f7
```
#faf1f7 rgb(250,241,247)
```

Tint Color Variation

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

#595859
```
#595859 rgb(89,88,89)
```
#60515a
```
#60515a rgb(96,81,90)
```
#674a5c
```
#674a5c rgb(103,74,92)
```
#6e435e
```
#6e435e rgb(110,67,94)
```
#743d60
```
#743d60 rgb(116,61,96)
```
#7b3661
```
#7b3661 rgb(123,54,97)
```
#822f63
```
#822f63 rgb(130,47,99)
```
#892865
```
#892865 rgb(137,40,101)
```
#902166
```
#902166 rgb(144,33,102)
```
#961b68
```
#961b68 rgb(150,27,104)
```
#9d146a
```
#9d146a rgb(157,20,106)
```
#a40d6c
```
#a40d6c rgb(164,13,108)
```
#ab066d
```
#ab066d rgb(171,6,109)
```

Tone Color Variation

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

Dichromacy

#49567d Protanopia 1% of men
#595564 Deuteranopia 1% of men
#844247 Tritanopia 0.001% of the population

Trichromacy

#5d4773 Protanomaly 1% of men, 0.01% of women
#684763 Deuteranomaly 6% of men, 0.4% of women
#833b51 Tritanomaly 0.01% of the population

#822f63 hex color

#822f63 Color Information

#822f63 Color Conversion

Color Schemes with #822f63

Alternatives to #822f63

#822f63 Preview

Shades and Tints of #822f63

Tones of #822f63

Color Blindness Simulator