#b22220 hex color

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

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

● #b22220 color description : Dark red.

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

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

CIE-LAB	39.097, 55.855, 38.732
XYZ	19.194, 10.716, 2.424
xyY	0.594, 0.331, 10.716
CIE-LCH	39.097, 67.97, 34.739
CIE-LUV	39.097, 107.895, 23.806
Hunter-Lab	32.735, 47.376, 18.524
Binary	10110010, 00100010, 00100000

#b22220
```
#b22220 rgb(178,34,32)
```
#20b0b2
```
#20b0b2 rgb(32,176,178)
```

Complementary Color

#b22067
```
#b22067 rgb(178,32,103)
```
#b22220
```
#b22220 rgb(178,34,32)
```
#b26b20
```
#b26b20 rgb(178,107,32)
```

Analogous Color

#2067b2
```
#2067b2 rgb(32,103,178)
```
#b22220
```
#b22220 rgb(178,34,32)
```
#20b26b
```
#20b26b rgb(32,178,107)
```

Split Complementary Color

#2220b2
```
#2220b2 rgb(34,32,178)
```
#b22220
```
#b22220 rgb(178,34,32)
```
#20b222
```
#20b222 rgb(32,178,34)
```

Triadic Color

#b220b0
```
#b220b0 rgb(178,32,176)
```
#b22220
```
#b22220 rgb(178,34,32)
```
#20b222
```
#20b222 rgb(32,178,34)
```
#20b0b2
```
#20b0b2 rgb(32,176,178)
```

Tetradic Color

#711614
```
#711614 rgb(113,22,20)
```
#871a18
```
#871a18 rgb(135,26,24)
```
#9c1e1c
```
#9c1e1c rgb(156,30,28)
```
#b22220
```
#b22220 rgb(178,34,32)
```
#c82624
```
#c82624 rgb(200,38,36)
```
#d92e2c
```
#d92e2c rgb(217,46,44)
```
#dd4442
```
#dd4442 rgb(221,68,66)
```

Monochromatic Color

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

#b22043
```
#b22043 rgb(178,32,67)
```
#b22036
```
#b22036 rgb(178,32,54)
```
#b2202a
```
#b2202a rgb(178,32,42)
```
#b22220
```
#b22220 rgb(178,34,32)
```
#b22e20
```
#b22e20 rgb(178,46,32)
```
#b23a20
```
#b23a20 rgb(178,58,32)
```
#b24720
```
#b24720 rgb(178,71,32)
```

Similar Colors

Text with hexadecimal color #b22220

This text has a font color of #b22220.

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

#b22220 background color

This paragraph has a background color of #b22220.

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

#b22220 border color

This element has a border color of #b22220.

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

CSS codes

.text {color:#b22220;}

.background {background-color:#b22220;}

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

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)
```
#2d0908
```
#2d0908 rgb(45,9,8)
```
#3e0c0b
```
#3e0c0b rgb(62,12,11)
```
#4e0f0e
```
#4e0f0e rgb(78,15,14)
```
#5f1211
```
#5f1211 rgb(95,18,17)
```
#6f1514
```
#6f1514 rgb(111,21,20)
```
#801817
```
#801817 rgb(128,24,23)
```
#911c1a
```
#911c1a rgb(145,28,26)
```
#a11f1d
```
#a11f1d rgb(161,31,29)
```
#b22220
```
#b22220 rgb(178,34,32)
```
#c32523
```
#c32523 rgb(195,37,35)
```
#d32826
```
#d32826 rgb(211,40,38)
```

Shade Color Variation

#da3533
```
#da3533 rgb(218,53,51)
```
#dd4543
```
#dd4543 rgb(221,69,67)
```
#e05654
```
#e05654 rgb(224,86,84)
```
#e36664
```
#e36664 rgb(227,102,100)
```
#e67775
```
#e67775 rgb(230,119,117)
```
#e98786
```
#e98786 rgb(233,135,134)
```
#ec9896
```
#ec9896 rgb(236,152,150)
```
#efa8a7
```
#efa8a7 rgb(239,168,167)
```
#f2b8b8
```
#f2b8b8 rgb(242,184,184)
```
#f5c9c8
```
#f5c9c8 rgb(245,201,200)
```
#f8d9d9
```
#f8d9d9 rgb(248,217,217)
```
#fbeae9
```
#fbeae9 rgb(251,234,233)
```
#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 #ca0a08 is the most saturated one.

#696969
```
#696969 rgb(105,105,105)
```
#716161
```
#716161 rgb(113,97,97)
```
#795959
```
#795959 rgb(121,89,89)
```
#825150
```
#825150 rgb(130,81,80)
```
#8a4948
```
#8a4948 rgb(138,73,72)
```
#924140
```
#924140 rgb(146,65,64)
```
#9a3a38
```
#9a3a38 rgb(154,58,56)
```
#a23230
```
#a23230 rgb(162,50,48)
```
#aa2a28
```
#aa2a28 rgb(170,42,40)
```
#b22220
```
#b22220 rgb(178,34,32)
```
#ba1a18
```
#ba1a18 rgb(186,26,24)
```
#c21210
```
#c21210 rgb(194,18,16)
```
#ca0a08
```
#ca0a08 rgb(202,10,8)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#614444 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e6439 Protanopia 1% of men
#7d5f1e Deuteranopia 1% of men
#b62d2d Tritanopia 0.001% of the population

Trichromacy

#864c30 Protanomaly 1% of men, 0.01% of women
#90491f Deuteranomaly 6% of men, 0.4% of women
#b42928 Tritanomaly 0.01% of the population

#b22220 hex color

#b22220 Color Information

#b22220 Color Conversion

Color Schemes with #b22220

Alternatives to #b22220

#b22220 Preview

Shades and Tints of #b22220

Tones of #b22220

Color Blindness Simulator