#b22201 hex color

In a RGB color space, hex #b22201 is composed of 69.8% red, 13.3% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.9% magenta, 99.4% yellow and 30.2% black. It has a hue angle of 11.2 degrees, a saturation of 98.9% and a lightness of 35.1%. #b22201 color hex could be obtained by blending #ff4402 with #650000. Closest websafe color is: #993300.

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

● #b22201 color description : Dark red.

The hexadecimal color #b22201 has RGB values of R:178, G:34, B:1 and CMYK values of C:0, M:0.81, Y:0.99, K:0.3. Its decimal value is 11674113.

Hex triplet	b22201	`#b22201`
RGB Decimal	178, 34, 1	`rgb(178,34,1)`
RGB Percent	69.8, 13.3, 0.4	`rgb(69.8%,13.3%,0.4%)`
CMYK	0, 81, 99, 30
HSL	11.2°, 98.9, 35.1	`hsl(11.2,98.9%,35.1%)`
HSV (or HSB)	11.2°, 99.4, 69.8
Web Safe	993300	`#993300`

CIE-LAB	38.922, 55.306, 51.719
XYZ	18.939, 10.614, 1.08
xyY	0.618, 0.346, 10.614
CIE-LCH	38.922, 75.72, 43.08
CIE-LUV	38.922, 111.22, 29.497
Hunter-Lab	32.579, 46.753, 20.839
Binary	10110010, 00100010, 00000001

#b22201
```
#b22201 rgb(178,34,1)
```
#0191b2
```
#0191b2 rgb(1,145,178)
```

Complementary Color

#b20138
```
#b20138 rgb(178,1,56)
```
#b22201
```
#b22201 rgb(178,34,1)
```
#b27b01
```
#b27b01 rgb(178,123,1)
```

Analogous Color

#0138b2
```
#0138b2 rgb(1,56,178)
```
#b22201
```
#b22201 rgb(178,34,1)
```
#01b27b
```
#01b27b rgb(1,178,123)
```

Split Complementary Color

#2201b2
```
#2201b2 rgb(34,1,178)
```
#b22201
```
#b22201 rgb(178,34,1)
```
#01b222
```
#01b222 rgb(1,178,34)
```

Triadic Color

#b20191
```
#b20191 rgb(178,1,145)
```
#b22201
```
#b22201 rgb(178,34,1)
```
#01b222
```
#01b222 rgb(1,178,34)
```
#0191b2
```
#0191b2 rgb(1,145,178)
```

Tetradic Color

#661301
```
#661301 rgb(102,19,1)
```
#7f1801
```
#7f1801 rgb(127,24,1)
```
#991d01
```
#991d01 rgb(153,29,1)
```
#b22201
```
#b22201 rgb(178,34,1)
```
#cb2701
```
#cb2701 rgb(203,39,1)
```
#e52c01
```
#e52c01 rgb(229,44,1)
```
#fe3102
```
#fe3102 rgb(254,49,2)
```

Monochromatic Color

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

#b2010c
```
#b2010c rgb(178,1,12)
```
#b20401
```
#b20401 rgb(178,4,1)
```
#b21301
```
#b21301 rgb(178,19,1)
```
#b22201
```
#b22201 rgb(178,34,1)
```
#b23101
```
#b23101 rgb(178,49,1)
```
#b24001
```
#b24001 rgb(178,64,1)
```
#b24e01
```
#b24e01 rgb(178,78,1)
```

Similar Colors

Text with hexadecimal color #b22201

This text has a font color of #b22201.

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

#b22201 background color

This paragraph has a background color of #b22201.

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

#b22201 border color

This element has a border color of #b22201.

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

CSS codes

.text {color:#b22201;}

.background {background-color:#b22201;}

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

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, #020000 is the darkest color, while #fff1ee is the lightest one.

#020000
```
#020000 rgb(2,0,0)
```
#160400
```
#160400 rgb(22,4,0)
```
#290800
```
#290800 rgb(41,8,0)
```
#3d0c00
```
#3d0c00 rgb(61,12,0)
```
#500f00
```
#500f00 rgb(80,15,0)
```
#641301
```
#641301 rgb(100,19,1)
```
#771701
```
#771701 rgb(119,23,1)
```
#8b1b01
```
#8b1b01 rgb(139,27,1)
```
#9e1e01
```
#9e1e01 rgb(158,30,1)
```
#b22201
```
#b22201 rgb(178,34,1)
```
#c62601
```
#c62601 rgb(198,38,1)
```
#d92901
```
#d92901 rgb(217,41,1)
```
#ed2d01
```
#ed2d01 rgb(237,45,1)
```

Shade Color Variation

#fe3204
```
#fe3204 rgb(254,50,4)
```
#fe4217
```
#fe4217 rgb(254,66,23)
```
#fe522b
```
#fe522b rgb(254,82,43)
```
#fe623e
```
#fe623e rgb(254,98,62)
```
#fe7252
```
#fe7252 rgb(254,114,82)
```
#fe8265
```
#fe8265 rgb(254,130,101)
```
#fe9279
```
#fe9279 rgb(254,146,121)
```
#fea28c
```
#fea28c rgb(254,162,140)
```
#feb2a0
```
#feb2a0 rgb(254,178,160)
```
#ffc1b3
```
#ffc1b3 rgb(255,193,179)
```
#ffd1c7
```
#ffd1c7 rgb(255,209,199)
```
#ffe1da
```
#ffe1da rgb(255,225,218)
```
#fff1ee
```
#fff1ee rgb(255,241,238)
```

Tint Color Variation

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

#5f5654
```
#5f5654 rgb(95,86,84)
```
#66514d
```
#66514d rgb(102,81,77)
```
#6d4d46
```
#6d4d46 rgb(109,77,70)
```
#74493f
```
#74493f rgb(116,73,63)
```
#7b4538
```
#7b4538 rgb(123,69,56)
```
#824031
```
#824031 rgb(130,64,49)
```
#893c2a
```
#893c2a rgb(137,60,42)
```
#903823
```
#903823 rgb(144,56,35)
```
#96331d
```
#96331d rgb(150,51,29)
```
#9d2f16
```
#9d2f16 rgb(157,47,22)
```
#a42b0f
```
#a42b0f rgb(164,43,15)
```
#ab2608
```
#ab2608 rgb(171,38,8)
```
#b22201
```
#b22201 rgb(178,34,1)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#5e413b Atypical Achromatopsia 0.001% of the population

Dichromacy

#706418 Protanopia 1% of men
#7d5f00 Deuteranopia 1% of men
#b62a2b Tritanopia 0.001% of the population

Trichromacy

#884c10 Protanomaly 1% of men, 0.01% of women
#904900 Deuteranomaly 6% of men, 0.4% of women
#b4271b Tritanomaly 0.01% of the population

#b22201 hex color

#b22201 Color Information

#b22201 Color Conversion

Color Schemes with #b22201

Alternatives to #b22201

#b22201 Preview

Shades and Tints of #b22201

Tones of #b22201

Color Blindness Simulator