#b20a22 hex color

In a RGB color space, hex #b20a22 is composed of 69.8% red, 3.9% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 94.4% magenta, 80.9% yellow and 30.2% black. It has a hue angle of 351.4 degrees, a saturation of 89.4% and a lightness of 36.9%. #b20a22 color hex could be obtained by blending #ff1444 with #650000. Closest websafe color is: #990033.

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

● #b20a22 color description : Dark red.

The hexadecimal color #b20a22 has RGB values of R:178, G:10, B:34 and CMYK values of C:0, M:0.94, Y:0.81, K:0.3. Its decimal value is 11668002.

Hex triplet	b20a22	`#b20a22`
RGB Decimal	178, 10, 34	`rgb(178,10,34)`
RGB Percent	69.8, 3.9, 13.3	`rgb(69.8%,3.9%,13.3%)`
CMYK	0, 94, 81, 30
HSL	351.4°, 89.4, 36.9	`hsl(351.4,89.4%,36.9%)`
HSV (or HSB)	351.4°, 94.4, 69.8
Web Safe	990033	`#990033`

CIE-LAB	37.481, 60.587, 35.999
XYZ	18.758, 9.8, 2.417
xyY	0.606, 0.316, 9.8
CIE-LCH	37.481, 70.475, 30.717
CIE-LUV	37.481, 114.921, 20.202
Hunter-Lab	31.305, 52.176, 17.335
Binary	10110010, 00001010, 00100010

#b20a22
```
#b20a22 rgb(178,10,34)
```
#0ab29a
```
#0ab29a rgb(10,178,154)
```

Complementary Color

#b20a76
```
#b20a76 rgb(178,10,118)
```
#b20a22
```
#b20a22 rgb(178,10,34)
```
#b2460a
```
#b2460a rgb(178,70,10)
```

Analogous Color

#0a76b2
```
#0a76b2 rgb(10,118,178)
```
#b20a22
```
#b20a22 rgb(178,10,34)
```
#0ab246
```
#0ab246 rgb(10,178,70)
```

Split Complementary Color

#0a22b2
```
#0a22b2 rgb(10,34,178)
```
#b20a22
```
#b20a22 rgb(178,10,34)
```
#22b20a
```
#22b20a rgb(34,178,10)
```

Triadic Color

#9a0ab2
```
#9a0ab2 rgb(154,10,178)
```
#b20a22
```
#b20a22 rgb(178,10,34)
```
#22b20a
```
#22b20a rgb(34,178,10)
```
#0ab29a
```
#0ab29a rgb(10,178,154)
```

Tetradic Color

#6a0614
```
#6a0614 rgb(106,6,20)
```
#820719
```
#820719 rgb(130,7,25)
```
#9a091d
```
#9a091d rgb(154,9,29)
```
#b20a22
```
#b20a22 rgb(178,10,34)
```
#ca0b27
```
#ca0b27 rgb(202,11,39)
```
#e20d2b
```
#e20d2b rgb(226,13,43)
```
#f21736
```
#f21736 rgb(242,23,54)
```

Monochromatic Color

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

#b20a4c
```
#b20a4c rgb(178,10,76)
```
#b20a3e
```
#b20a3e rgb(178,10,62)
```
#b20a30
```
#b20a30 rgb(178,10,48)
```
#b20a22
```
#b20a22 rgb(178,10,34)
```
#b20a14
```
#b20a14 rgb(178,10,20)
```
#b20e0a
```
#b20e0a rgb(178,14,10)
```
#b21c0a
```
#b21c0a rgb(178,28,10)
```

Similar Colors

Text with hexadecimal color #b20a22

This text has a font color of #b20a22.

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

#b20a22 background color

This paragraph has a background color of #b20a22.

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

#b20a22 border color

This element has a border color of #b20a22.

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

CSS codes

.text {color:#b20a22;}

.background {background-color:#b20a22;}

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

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

#0b0102
```
#0b0102 rgb(11,1,2)
```
#1d0206
```
#1d0206 rgb(29,2,6)
```
#300309
```
#300309 rgb(48,3,9)
```
#43040d
```
#43040d rgb(67,4,13)
```
#550510
```
#550510 rgb(85,5,16)
```
#680614
```
#680614 rgb(104,6,20)
```
#7a0717
```
#7a0717 rgb(122,7,23)
```
#8d081b
```
#8d081b rgb(141,8,27)
```
#9f091e
```
#9f091e rgb(159,9,30)
```
#b20a22
```
#b20a22 rgb(178,10,34)
```
#c50b26
```
#c50b26 rgb(197,11,38)
```
#d70c29
```
#d70c29 rgb(215,12,41)
```
#ea0d2d
```
#ea0d2d rgb(234,13,45)
```

Shade Color Variation

#f21838
```
#f21838 rgb(242,24,56)
```
#f32b48
```
#f32b48 rgb(243,43,72)
```
#f43e58
```
#f43e58 rgb(244,62,88)
```
#f55068
```
#f55068 rgb(245,80,104)
```
#f66378
```
#f66378 rgb(246,99,120)
```
#f77588
```
#f77588 rgb(247,117,136)
```
#f88898
```
#f88898 rgb(248,136,152)
```
#f99aa8
```
#f99aa8 rgb(249,154,168)
```
#faadb8
```
#faadb8 rgb(250,173,184)
```
#fbc0c8
```
#fbc0c8 rgb(251,192,200)
```
#fcd2d8
```
#fcd2d8 rgb(252,210,216)
```
#fee5e8
```
#fee5e8 rgb(254,229,232)
```
#fff7f8
```
#fff7f8 rgb(255,247,248)
```

Tint Color Variation

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

#625a5b
```
#625a5b rgb(98,90,91)
```
#6a5256
```
#6a5256 rgb(106,82,86)
```
#714b50
```
#714b50 rgb(113,75,80)
```
#78444b
```
#78444b rgb(120,68,75)
```
#7f3d46
```
#7f3d46 rgb(127,61,70)
```
#873541
```
#873541 rgb(135,53,65)
```
#8e2e3c
```
#8e2e3c rgb(142,46,60)
```
#952737
```
#952737 rgb(149,39,55)
```
#9c2031
```
#9c2031 rgb(156,32,49)
```
#a4182c
```
#a4182c rgb(164,24,44)
```
#ab1127
```
#ab1127 rgb(171,17,39)
```
#b20a22
```
#b20a22 rgb(178,10,34)
```
#b9031d
```
#b9031d rgb(185,3,29)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#563439 Atypical Achromatopsia 0.001% of the population

Dichromacy

#69603f Protanopia 1% of men
#785c20 Deuteranopia 1% of men
#b51b18 Tritanopia 0.001% of the population

Trichromacy

#834134 Protanomaly 1% of men, 0.01% of women
#8d3e20 Deuteranomaly 6% of men, 0.4% of women
#b4151b Tritanomaly 0.01% of the population

#b20a22 hex color

#b20a22 Color Information

#b20a22 Color Conversion

Color Schemes with #b20a22

Alternatives to #b20a22

#b20a22 Preview

Shades and Tints of #b20a22

Tones of #b20a22

Color Blindness Simulator