#822f30 hex color

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

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

● #822f30 color description : Dark moderate red.

The hexadecimal color #822f30 has RGB values of R:130, G:47, B:48 and CMYK values of C:0, M:0.64, Y:0.63, K:0.49. Its decimal value is 8531760.

Hex triplet	822f30	`#822f30`
RGB Decimal	130, 47, 48	`rgb(130,47,48)`
RGB Percent	51, 18.4, 18.8	`rgb(51%,18.4%,18.8%)`
CMYK	0, 64, 63, 49
HSL	359.3°, 46.9, 34.7	`hsl(359.3,46.9%,34.7%)`
HSV (or HSB)	359.3°, 63.8, 51
Web Safe	993333	`#993333`

CIE-LAB	31.792, 35.85, 18.33
XYZ	10.756, 6.993, 3.58
xyY	0.504, 0.328, 6.993
CIE-LCH	31.792, 40.264, 27.08
CIE-LUV	31.792, 58.92, 12.244
Hunter-Lab	26.445, 26.325, 10.486
Binary	10000010, 00101111, 00110000

#822f30
```
#822f30 rgb(130,47,48)
```
#2f8281
```
#2f8281 rgb(47,130,129)
```

Complementary Color

#822f5a
```
#822f5a rgb(130,47,90)
```
#822f30
```
#822f30 rgb(130,47,48)
```
#82582f
```
#82582f rgb(130,88,47)
```

Analogous Color

#2f5a82
```
#2f5a82 rgb(47,90,130)
```
#822f30
```
#822f30 rgb(130,47,48)
```
#2f8258
```
#2f8258 rgb(47,130,88)
```

Split Complementary Color

#2f3082
```
#2f3082 rgb(47,48,130)
```
#822f30
```
#822f30 rgb(130,47,48)
```
#30822f
```
#30822f rgb(48,130,47)
```

Triadic Color

#812f82
```
#812f82 rgb(129,47,130)
```
#822f30
```
#822f30 rgb(130,47,48)
```
#30822f
```
#30822f rgb(48,130,47)
```
#2f8281
```
#2f8281 rgb(47,130,129)
```

Tetradic Color

#4a1b1b
```
#4a1b1b rgb(74,27,27)
```
#5d2122
```
#5d2122 rgb(93,33,34)
```
#6f2829
```
#6f2829 rgb(111,40,41)
```
#822f30
```
#822f30 rgb(130,47,48)
```
#953637
```
#953637 rgb(149,54,55)
```
#a73d3e
```
#a73d3e rgb(167,61,62)
```
#ba4345
```
#ba4345 rgb(186,67,69)
```

Monochromatic Color

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

#822f45
```
#822f45 rgb(130,47,69)
```
#822f3e
```
#822f3e rgb(130,47,62)
```
#822f37
```
#822f37 rgb(130,47,55)
```
#822f30
```
#822f30 rgb(130,47,48)
```
#82352f
```
#82352f rgb(130,53,47)
```
#823c2f
```
#823c2f rgb(130,60,47)
```
#82432f
```
#82432f rgb(130,67,47)
```

Similar Colors

Text with hexadecimal color #822f30

This text has a font color of #822f30.

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

#822f30 background color

This paragraph has a background color of #822f30.

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

#822f30 border color

This element has a border color of #822f30.

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

CSS codes

.text {color:#822f30;}

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

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

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 #faf1f1 is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#0f0505
```
#0f0505 rgb(15,5,5)
```
#1d0b0b
```
#1d0b0b rgb(29,11,11)
```
#2c1010
```
#2c1010 rgb(44,16,16)
```
#3a1515
```
#3a1515 rgb(58,21,21)
```
#481a1b
```
#481a1b rgb(72,26,27)
```
#571f20
```
#571f20 rgb(87,31,32)
```
#652525
```
#652525 rgb(101,37,37)
```
#742a2b
```
#742a2b rgb(116,42,43)
```
#822f30
```
#822f30 rgb(130,47,48)
```
#903435
```
#903435 rgb(144,52,53)
```
#9f393b
```
#9f393b rgb(159,57,59)
```
#ad3f40
```
#ad3f40 rgb(173,63,64)
```

Shade Color Variation

#bb4445
```
#bb4445 rgb(187,68,69)
```
#c15254
```
#c15254 rgb(193,82,84)
```
#c66162
```
#c66162 rgb(198,97,98)
```
#cb6f70
```
#cb6f70 rgb(203,111,112)
```
#d07e7f
```
#d07e7f rgb(208,126,127)
```
#d58c8d
```
#d58c8d rgb(213,140,141)
```
#db9a9b
```
#db9a9b rgb(219,154,155)
```
#e0a9aa
```
#e0a9aa rgb(224,169,170)
```
#e5b7b8
```
#e5b7b8 rgb(229,183,184)
```
#eac6c6
```
#eac6c6 rgb(234,198,198)
```
#efd4d4
```
#efd4d4 rgb(239,212,212)
```
#f5e3e3
```
#f5e3e3 rgb(245,227,227)
```
#faf1f1
```
#faf1f1 rgb(250,241,241)
```

Tint Color Variation

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

#595858
```
#595858 rgb(89,88,88)
```
#605151
```
#605151 rgb(96,81,81)
```
#674a4b
```
#674a4b rgb(103,74,75)
```
#6e4344
```
#6e4344 rgb(110,67,68)
```
#743d3d
```
#743d3d rgb(116,61,61)
```
#7b3637
```
#7b3637 rgb(123,54,55)
```
#822f30
```
#822f30 rgb(130,47,48)
```
#892829
```
#892829 rgb(137,40,41)
```
#902123
```
#902123 rgb(144,33,35)
```
#961b1c
```
#961b1c rgb(150,27,28)
```
#9d1415
```
#9d1415 rgb(157,20,21)
```
#a40d0f
```
#a40d0f rgb(164,13,15)
```
#ab0608
```
#ab0608 rgb(171,6,8)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#544343 Atypical Achromatopsia 0.001% of the population

Dichromacy

#595344 Protanopia 1% of men
#655035 Deuteranopia 1% of men
#88393c Tritanopia 0.001% of the population

Trichromacy

#67463d Protanomaly 1% of men, 0.01% of women
#6f4433 Deuteranomaly 6% of men, 0.4% of women
#863538 Tritanomaly 0.01% of the population

#822f30 hex color

#822f30 Color Information

#822f30 Color Conversion

Color Schemes with #822f30

Alternatives to #822f30

#822f30 Preview

Shades and Tints of #822f30

Tones of #822f30

Color Blindness Simulator