#b22022 hex color

In a RGB color space, hex #b22022 is composed of 69.8% red, 12.5% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82% magenta, 80.9% yellow and 30.2% black. It has a hue angle of 359.2 degrees, a saturation of 69.5% and a lightness of 41.2%. #b22022 color hex could be obtained by blending #ff4044 with #650000. Closest websafe color is: #993333.

♥
- f
- t
- g
- R 70
- G 13
- B 13
RGB color chart
- C 0
- M 82
- Y 81
- K 30
CMYK color chart

● #b22022 color description : Dark red.

The hexadecimal color #b22022 has RGB values of R:178, G:32, B:34 and CMYK values of C:0, M:0.82, Y:0.81, K:0.3. Its decimal value is 11673634.

Hex triplet	b22022	`#b22022`
RGB Decimal	178, 32, 34	`rgb(178,32,34)`
RGB Percent	69.8, 12.5, 13.3	`rgb(69.8%,12.5%,13.3%)`
CMYK	0, 82, 81, 30
HSL	359.2°, 69.5, 41.2	`hsl(359.2,69.5%,41.2%)`
HSV (or HSB)	359.2°, 82, 69.8
Web Safe	993333	`#993333`

CIE-LAB	38.926, 56.455, 37.455
XYZ	19.166, 10.616, 2.553
xyY	0.593, 0.328, 10.616
CIE-LCH	38.926, 67.749, 33.562
CIE-LUV	38.926, 108.391, 22.852
Hunter-Lab	32.582, 47.984, 18.161
Binary	10110010, 00100000, 00100010

#b22022
```
#b22022 rgb(178,32,34)
```
#20b2b0
```
#20b2b0 rgb(32,178,176)
```

Complementary Color

#b2206b
```
#b2206b rgb(178,32,107)
```
#b22022
```
#b22022 rgb(178,32,34)
```
#b26720
```
#b26720 rgb(178,103,32)
```

Analogous Color

#206bb2
```
#206bb2 rgb(32,107,178)
```
#b22022
```
#b22022 rgb(178,32,34)
```
#20b267
```
#20b267 rgb(32,178,103)
```

Split Complementary Color

#2022b2
```
#2022b2 rgb(32,34,178)
```
#b22022
```
#b22022 rgb(178,32,34)
```
#22b220
```
#22b220 rgb(34,178,32)
```

Triadic Color

#b020b2
```
#b020b2 rgb(176,32,178)
```
#b22022
```
#b22022 rgb(178,32,34)
```
#22b220
```
#22b220 rgb(34,178,32)
```
#20b2b0
```
#20b2b0 rgb(32,178,176)
```

Tetradic Color

#711416
```
#711416 rgb(113,20,22)
```
#87181a
```
#87181a rgb(135,24,26)
```
#9c1c1e
```
#9c1c1e rgb(156,28,30)
```
#b22022
```
#b22022 rgb(178,32,34)
```
#c82426
```
#c82426 rgb(200,36,38)
```
#d92c2e
```
#d92c2e rgb(217,44,46)
```
#dd4244
```
#dd4244 rgb(221,66,68)
```

Monochromatic Color

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

#b22046
```
#b22046 rgb(178,32,70)
```
#b2203a
```
#b2203a rgb(178,32,58)
```
#b2202e
```
#b2202e rgb(178,32,46)
```
#b22022
```
#b22022 rgb(178,32,34)
```
#b22a20
```
#b22a20 rgb(178,42,32)
```
#b23620
```
#b23620 rgb(178,54,32)
```
#b24320
```
#b24320 rgb(178,67,32)
```

Similar Colors

Text with hexadecimal color #b22022

This text has a font color of #b22022.

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

#b22022 background color

This paragraph has a background color of #b22022.

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

#b22022 border color

This element has a border color of #b22022.

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

CSS codes

.text {color:#b22022;}

.background {background-color:#b22022;}

.border {border:1px solid #b22022;}

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

#0c0202
```
#0c0202 rgb(12,2,2)
```
#1c0505
```
#1c0505 rgb(28,5,5)
```
#2d0809
```
#2d0809 rgb(45,8,9)
```
#3e0b0c
```
#3e0b0c rgb(62,11,12)
```
#4e0e0f
```
#4e0e0f rgb(78,14,15)
```
#5f1112
```
#5f1112 rgb(95,17,18)
```
#6f1415
```
#6f1415 rgb(111,20,21)
```
#801718
```
#801718 rgb(128,23,24)
```
#911a1c
```
#911a1c rgb(145,26,28)
```
#a11d1f
```
#a11d1f rgb(161,29,31)
```
#b22022
```
#b22022 rgb(178,32,34)
```
#c32325
```
#c32325 rgb(195,35,37)
```
#d32628
```
#d32628 rgb(211,38,40)
```

Shade Color Variation

#da3335
```
#da3335 rgb(218,51,53)
```
#dd4345
```
#dd4345 rgb(221,67,69)
```
#e05456
```
#e05456 rgb(224,84,86)
```
#e36466
```
#e36466 rgb(227,100,102)
```
#e67577
```
#e67577 rgb(230,117,119)
```
#e98687
```
#e98687 rgb(233,134,135)
```
#ec9698
```
#ec9698 rgb(236,150,152)
```
#efa7a8
```
#efa7a8 rgb(239,167,168)
```
#f2b8b8
```
#f2b8b8 rgb(242,184,184)
```
#f5c8c9
```
#f5c8c9 rgb(245,200,201)
```
#f8d9d9
```
#f8d9d9 rgb(248,217,217)
```
#fbe9ea
```
#fbe9ea rgb(251,233,234)
```
#fefafa
```
#fefafa rgb(254,250,250)
```

Tint Color Variation

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

#696969
```
#696969 rgb(105,105,105)
```
#716161
```
#716161 rgb(113,97,97)
```
#795959
```
#795959 rgb(121,89,89)
```
#825051
```
#825051 rgb(130,80,81)
```
#8a4849
```
#8a4849 rgb(138,72,73)
```
#924041
```
#924041 rgb(146,64,65)
```
#9a383a
```
#9a383a rgb(154,56,58)
```
#a23032
```
#a23032 rgb(162,48,50)
```
#aa282a
```
#aa282a rgb(170,40,42)
```
#b22022
```
#b22022 rgb(178,32,34)
```
#ba181a
```
#ba181a rgb(186,24,26)
```
#c21012
```
#c21012 rgb(194,16,18)
```
#ca080a
```
#ca080a rgb(202,8,10)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#604344 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d643c Protanopia 1% of men
#7c5f21 Deuteranopia 1% of men
#b52b2c Tritanopia 0.001% of the population

Trichromacy

#864b32 Protanomaly 1% of men, 0.01% of women
#8f4821 Deuteranomaly 6% of men, 0.4% of women
#b42728 Tritanomaly 0.01% of the population

#b22022 hex color

#b22022 Color Information

#b22022 Color Conversion

Color Schemes with #b22022

Alternatives to #b22022

#b22022 Preview

Shades and Tints of #b22022

Tones of #b22022

Color Blindness Simulator