#b22320 hex color

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

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

● #b22320 color description : Dark red.

The hexadecimal color #b22320 has RGB values of R:178, G:35, B:32 and CMYK values of C:0, M:0.8, Y:0.82, K:0.3. Its decimal value is 11674400.

Hex triplet	b22320	`#b22320`
RGB Decimal	178, 35, 32	`rgb(178,35,32)`
RGB Percent	69.8, 13.7, 12.5	`rgb(69.8%,13.7%,12.5%)`
CMYK	0, 80, 82, 30
HSL	1.2°, 69.5, 41.2	`hsl(1.2,69.5%,41.2%)`
HSV (or HSB)	1.2°, 82, 69.8
Web Safe	993333	`#993333`

CIE-LAB	39.197, 55.575, 38.828
XYZ	19.223, 10.774, 2.434
xyY	0.593, 0.332, 10.774
CIE-LCH	39.197, 67.795, 34.941
CIE-LUV	39.197, 107.452, 23.985
Hunter-Lab	32.823, 47.097, 18.58
Binary	10110010, 00100011, 00100000

#b22320
```
#b22320 rgb(178,35,32)
```
#20afb2
```
#20afb2 rgb(32,175,178)
```

Complementary Color

#b22066
```
#b22066 rgb(178,32,102)
```
#b22320
```
#b22320 rgb(178,35,32)
```
#b26c20
```
#b26c20 rgb(178,108,32)
```

Analogous Color

#2066b2
```
#2066b2 rgb(32,102,178)
```
#b22320
```
#b22320 rgb(178,35,32)
```
#20b26c
```
#20b26c rgb(32,178,108)
```

Split Complementary Color

#2320b2
```
#2320b2 rgb(35,32,178)
```
#b22320
```
#b22320 rgb(178,35,32)
```
#20b223
```
#20b223 rgb(32,178,35)
```

Triadic Color

#b220af
```
#b220af rgb(178,32,175)
```
#b22320
```
#b22320 rgb(178,35,32)
```
#20b223
```
#20b223 rgb(32,178,35)
```
#20afb2
```
#20afb2 rgb(32,175,178)
```

Tetradic Color

#711614
```
#711614 rgb(113,22,20)
```
#871a18
```
#871a18 rgb(135,26,24)
```
#9c1f1c
```
#9c1f1c rgb(156,31,28)
```
#b22320
```
#b22320 rgb(178,35,32)
```
#c82724
```
#c82724 rgb(200,39,36)
```
#d92f2c
```
#d92f2c rgb(217,47,44)
```
#dd4542
```
#dd4542 rgb(221,69,66)
```

Monochromatic Color

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

#b22042
```
#b22042 rgb(178,32,66)
```
#b22035
```
#b22035 rgb(178,32,53)
```
#b22029
```
#b22029 rgb(178,32,41)
```
#b22320
```
#b22320 rgb(178,35,32)
```
#b22f20
```
#b22f20 rgb(178,47,32)
```
#b23b20
```
#b23b20 rgb(178,59,32)
```
#b24720
```
#b24720 rgb(178,71,32)
```

Similar Colors

Text with hexadecimal color #b22320

This text has a font color of #b22320.

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

#b22320 background color

This paragraph has a background color of #b22320.

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

#b22320 border color

This element has a border color of #b22320.

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

CSS codes

.text {color:#b22320;}

.background {background-color:#b22320;}

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

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)
```
#1c0605
```
#1c0605 rgb(28,6,5)
```
#2d0908
```
#2d0908 rgb(45,9,8)
```
#3e0c0b
```
#3e0c0b rgb(62,12,11)
```
#4e0f0e
```
#4e0f0e rgb(78,15,14)
```
#5f1311
```
#5f1311 rgb(95,19,17)
```
#6f1614
```
#6f1614 rgb(111,22,20)
```
#801917
```
#801917 rgb(128,25,23)
```
#911c1a
```
#911c1a rgb(145,28,26)
```
#a1201d
```
#a1201d rgb(161,32,29)
```
#b22320
```
#b22320 rgb(178,35,32)
```
#c32623
```
#c32623 rgb(195,38,35)
```
#d32a26
```
#d32a26 rgb(211,42,38)
```

Shade Color Variation

#da3633
```
#da3633 rgb(218,54,51)
```
#dd4643
```
#dd4643 rgb(221,70,67)
```
#e05754
```
#e05754 rgb(224,87,84)
```
#e36764
```
#e36764 rgb(227,103,100)
```
#e67775
```
#e67775 rgb(230,119,117)
```
#e98886
```
#e98886 rgb(233,136,134)
```
#ec9896
```
#ec9896 rgb(236,152,150)
```
#efa8a7
```
#efa8a7 rgb(239,168,167)
```
#f2b9b8
```
#f2b9b8 rgb(242,185,184)
```
#f5c9c8
```
#f5c9c8 rgb(245,201,200)
```
#f8dad9
```
#f8dad9 rgb(248,218,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 #ca0c08 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)
```
#8a4a48
```
#8a4a48 rgb(138,74,72)
```
#924240
```
#924240 rgb(146,66,64)
```
#9a3a38
```
#9a3a38 rgb(154,58,56)
```
#a23230
```
#a23230 rgb(162,50,48)
```
#aa2b28
```
#aa2b28 rgb(170,43,40)
```
#b22320
```
#b22320 rgb(178,35,32)
```
#ba1b18
```
#ba1b18 rgb(186,27,24)
```
#c21410
```
#c21410 rgb(194,20,16)
```
#ca0c08
```
#ca0c08 rgb(202,12,8)
```

Tone Color Variation

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

Dichromacy

#6e6439 Protanopia 1% of men
#7d601e Deuteranopia 1% of men
#b62d2e Tritanopia 0.001% of the population

Trichromacy

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

#b22320 hex color

#b22320 Color Information

#b22320 Color Conversion

Color Schemes with #b22320

Alternatives to #b22320

#b22320 Preview

Shades and Tints of #b22320

Tones of #b22320

Color Blindness Simulator