#b22c20 hex color

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

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

● #b22c20 color description : Dark red.

The hexadecimal color #b22c20 has RGB values of R:178, G:44, B:32 and CMYK values of C:0, M:0.75, Y:0.82, K:0.3. Its decimal value is 11676704.

Hex triplet	b22c20	`#b22c20`
RGB Decimal	178, 44, 32	`rgb(178,44,32)`
RGB Percent	69.8, 17.3, 12.5	`rgb(69.8%,17.3%,12.5%)`
CMYK	0, 75, 82, 30
HSL	4.9°, 69.5, 41.2	`hsl(4.9,69.5%,41.2%)`
HSV (or HSB)	4.9°, 82, 69.8
Web Safe	993333	`#993333`

CIE-LAB	40.202, 52.76, 39.801
XYZ	19.522, 11.373, 2.534
xyY	0.584, 0.34, 11.373
CIE-LCH	40.202, 66.089, 37.03
CIE-LUV	40.202, 103.017, 25.794
Hunter-Lab	33.724, 44.315, 19.152
Binary	10110010, 00101100, 00100000

#b22c20
```
#b22c20 rgb(178,44,32)
```
#20a6b2
```
#20a6b2 rgb(32,166,178)
```

Complementary Color

#b2205d
```
#b2205d rgb(178,32,93)
```
#b22c20
```
#b22c20 rgb(178,44,32)
```
#b27520
```
#b27520 rgb(178,117,32)
```

Analogous Color

#205db2
```
#205db2 rgb(32,93,178)
```
#b22c20
```
#b22c20 rgb(178,44,32)
```
#20b275
```
#20b275 rgb(32,178,117)
```

Split Complementary Color

#2c20b2
```
#2c20b2 rgb(44,32,178)
```
#b22c20
```
#b22c20 rgb(178,44,32)
```
#20b22c
```
#20b22c rgb(32,178,44)
```

Triadic Color

#b220a6
```
#b220a6 rgb(178,32,166)
```
#b22c20
```
#b22c20 rgb(178,44,32)
```
#20b22c
```
#20b22c rgb(32,178,44)
```
#20a6b2
```
#20a6b2 rgb(32,166,178)
```

Tetradic Color

#711c14
```
#711c14 rgb(113,28,20)
```
#872118
```
#872118 rgb(135,33,24)
```
#9c271c
```
#9c271c rgb(156,39,28)
```
#b22c20
```
#b22c20 rgb(178,44,32)
```
#c83124
```
#c83124 rgb(200,49,36)
```
#d93a2c
```
#d93a2c rgb(217,58,44)
```
#dd4e42
```
#dd4e42 rgb(221,78,66)
```

Monochromatic Color

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

#b22039
```
#b22039 rgb(178,32,57)
```
#b2202c
```
#b2202c rgb(178,32,44)
```
#b22020
```
#b22020 rgb(178,32,32)
```
#b22c20
```
#b22c20 rgb(178,44,32)
```
#b23820
```
#b23820 rgb(178,56,32)
```
#b24420
```
#b24420 rgb(178,68,32)
```
#b25120
```
#b25120 rgb(178,81,32)
```

Similar Colors

Text with hexadecimal color #b22c20

This text has a font color of #b22c20.

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

#b22c20 background color

This paragraph has a background color of #b22c20.

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

#b22c20 border color

This element has a border color of #b22c20.

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

CSS codes

.text {color:#b22c20;}

.background {background-color:#b22c20;}

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

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

#0c0302
```
#0c0302 rgb(12,3,2)
```
#1c0705
```
#1c0705 rgb(28,7,5)
```
#2d0b08
```
#2d0b08 rgb(45,11,8)
```
#3e0f0b
```
#3e0f0b rgb(62,15,11)
```
#4e130e
```
#4e130e rgb(78,19,14)
```
#5f1711
```
#5f1711 rgb(95,23,17)
```
#6f1c14
```
#6f1c14 rgb(111,28,20)
```
#802017
```
#802017 rgb(128,32,23)
```
#91241a
```
#91241a rgb(145,36,26)
```
#a1281d
```
#a1281d rgb(161,40,29)
```
#b22c20
```
#b22c20 rgb(178,44,32)
```
#c33023
```
#c33023 rgb(195,48,35)
```
#d33426
```
#d33426 rgb(211,52,38)
```

Shade Color Variation

#da4033
```
#da4033 rgb(218,64,51)
```
#dd5043
```
#dd5043 rgb(221,80,67)
```
#e05f54
```
#e05f54 rgb(224,95,84)
```
#e36f64
```
#e36f64 rgb(227,111,100)
```
#e67e75
```
#e67e75 rgb(230,126,117)
```
#e98e86
```
#e98e86 rgb(233,142,134)
```
#ec9d96
```
#ec9d96 rgb(236,157,150)
```
#efada7
```
#efada7 rgb(239,173,167)
```
#f2bcb8
```
#f2bcb8 rgb(242,188,184)
```
#f5ccc8
```
#f5ccc8 rgb(245,204,200)
```
#f8dbd9
```
#f8dbd9 rgb(248,219,217)
```
#fbebe9
```
#fbebe9 rgb(251,235,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 #ca1808 is the most saturated one.

#696969
```
#696969 rgb(105,105,105)
```
#716261
```
#716261 rgb(113,98,97)
```
#795b59
```
#795b59 rgb(121,91,89)
```
#825450
```
#825450 rgb(130,84,80)
```
#8a4e48
```
#8a4e48 rgb(138,78,72)
```
#924740
```
#924740 rgb(146,71,64)
```
#9a4038
```
#9a4038 rgb(154,64,56)
```
#a23930
```
#a23930 rgb(162,57,48)
```
#aa3328
```
#aa3328 rgb(170,51,40)
```
#b22c20
```
#b22c20 rgb(178,44,32)
```
#ba2518
```
#ba2518 rgb(186,37,24)
```
#c21f10
```
#c21f10 rgb(194,31,16)
```
#ca1808
```
#ca1808 rgb(202,24,8)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#664b49 Atypical Achromatopsia 0.001% of the population

Dichromacy

#716738 Protanopia 1% of men
#80621f Deuteranopia 1% of men
#b63537 Tritanopia 0.001% of the population

Trichromacy

#88512f Protanomaly 1% of men, 0.01% of women
#924e1f Deuteranomaly 6% of men, 0.4% of women
#b4322e Tritanomaly 0.01% of the population

#b22c20 hex color

#b22c20 Color Information

#b22c20 Color Conversion

Color Schemes with #b22c20

Alternatives to #b22c20

#b22c20 Preview

Shades and Tints of #b22c20

Tones of #b22c20

Color Blindness Simulator