#b22100 hex color

In a RGB color space, hex #b22100 is composed of 69.8% red, 12.9% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.5% magenta, 100% yellow and 30.2% black. It has a hue angle of 11.1 degrees, a saturation of 100% and a lightness of 34.9%. #b22100 color hex could be obtained by blending #ff4200 with #650000. Closest websafe color is: #993300.

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

● #b22100 color description : Dark red.

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

Hex triplet	b22100	`#b22100`
RGB Decimal	178, 33, 0	`rgb(178,33,0)`
RGB Percent	69.8, 12.9, 0	`rgb(69.8%,12.9%,0%)`
CMYK	0, 81, 100, 30
HSL	11.1°, 100, 34.9	`hsl(11.1,100%,34.9%)`
HSV (or HSB)	11.1°, 100, 69.8
Web Safe	993300	`#993300`

CIE-LAB	38.821, 55.569, 52.057
XYZ	18.905, 10.555, 1.042
xyY	0.62, 0.346, 10.555
CIE-LCH	38.821, 76.144, 43.131
CIE-LUV	38.821, 111.753, 29.459
Hunter-Lab	32.489, 47.013, 20.841
Binary	10110010, 00100001, 00000000

#b22100
```
#b22100 rgb(178,33,0)
```
#0091b2
```
#0091b2 rgb(0,145,178)
```

Complementary Color

#b20038
```
#b20038 rgb(178,0,56)
```
#b22100
```
#b22100 rgb(178,33,0)
```
#b27a00
```
#b27a00 rgb(178,122,0)
```

Analogous Color

#0038b2
```
#0038b2 rgb(0,56,178)
```
#b22100
```
#b22100 rgb(178,33,0)
```
#00b27a
```
#00b27a rgb(0,178,122)
```

Split Complementary Color

#2100b2
```
#2100b2 rgb(33,0,178)
```
#b22100
```
#b22100 rgb(178,33,0)
```
#00b221
```
#00b221 rgb(0,178,33)
```

Triadic Color

#b20091
```
#b20091 rgb(178,0,145)
```
#b22100
```
#b22100 rgb(178,33,0)
```
#00b221
```
#00b221 rgb(0,178,33)
```
#0091b2
```
#0091b2 rgb(0,145,178)
```

Tetradic Color

#661300
```
#661300 rgb(102,19,0)
```
#7f1800
```
#7f1800 rgb(127,24,0)
```
#991c00
```
#991c00 rgb(153,28,0)
```
#b22100
```
#b22100 rgb(178,33,0)
```
#cc2600
```
#cc2600 rgb(204,38,0)
```
#e52a00
```
#e52a00 rgb(229,42,0)
```
#ff2f00
```
#ff2f00 rgb(255,47,0)
```

Monochromatic Color

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

#b2000c
```
#b2000c rgb(178,0,12)
```
#b20300
```
#b20300 rgb(178,3,0)
```
#b21200
```
#b21200 rgb(178,18,0)
```
#b22100
```
#b22100 rgb(178,33,0)
```
#b23000
```
#b23000 rgb(178,48,0)
```
#b23f00
```
#b23f00 rgb(178,63,0)
```
#b24d00
```
#b24d00 rgb(178,77,0)
```

Similar Colors

Text with hexadecimal color #b22100

This text has a font color of #b22100.

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

#b22100 background color

This paragraph has a background color of #b22100.

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

#b22100 border color

This element has a border color of #b22100.

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

CSS codes

.text {color:#b22100;}

.background {background-color:#b22100;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#150400
```
#150400 rgb(21,4,0)
```
#290800
```
#290800 rgb(41,8,0)
```
#3c0b00
```
#3c0b00 rgb(60,11,0)
```
#500f00
```
#500f00 rgb(80,15,0)
```
#641200
```
#641200 rgb(100,18,0)
```
#771600
```
#771600 rgb(119,22,0)
```
#8b1a00
```
#8b1a00 rgb(139,26,0)
```
#9e1d00
```
#9e1d00 rgb(158,29,0)
```
#b22100
```
#b22100 rgb(178,33,0)
```
#c62500
```
#c62500 rgb(198,37,0)
```
#d92800
```
#d92800 rgb(217,40,0)
```
#ed2c00
```
#ed2c00 rgb(237,44,0)
```

Shade Color Variation

#ff3001
```
#ff3001 rgb(255,48,1)
```
#ff4015
```
#ff4015 rgb(255,64,21)
```
#ff5029
```
#ff5029 rgb(255,80,41)
```
#ff603c
```
#ff603c rgb(255,96,60)
```
#ff7050
```
#ff7050 rgb(255,112,80)
```
#ff8064
```
#ff8064 rgb(255,128,100)
```
#ff9077
```
#ff9077 rgb(255,144,119)
```
#ffa08b
```
#ffa08b rgb(255,160,139)
```
#ffb09e
```
#ffb09e rgb(255,176,158)
```
#ffc0b2
```
#ffc0b2 rgb(255,192,178)
```
#ffd0c6
```
#ffd0c6 rgb(255,208,198)
```
#ffe0d9
```
#ffe0d9 rgb(255,224,217)
```
#fff0ed
```
#fff0ed rgb(255,240,237)
```

Tint Color Variation

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

#605552
```
#605552 rgb(96,85,82)
```
#67504b
```
#67504b rgb(103,80,75)
```
#6e4c44
```
#6e4c44 rgb(110,76,68)
```
#74483e
```
#74483e rgb(116,72,62)
```
#7b4337
```
#7b4337 rgb(123,67,55)
```
#823f30
```
#823f30 rgb(130,63,48)
```
#893b29
```
#893b29 rgb(137,59,41)
```
#903722
```
#903722 rgb(144,55,34)
```
#97321b
```
#97321b rgb(151,50,27)
```
#9d2e15
```
#9d2e15 rgb(157,46,21)
```
#a42a0e
```
#a42a0e rgb(164,42,14)
```
#ab2507
```
#ab2507 rgb(171,37,7)
```
#b22100
```
#b22100 rgb(178,33,0)
```

Tone Color Variation

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

Dichromacy

#6f6417 Protanopia 1% of men
#7c5f00 Deuteranopia 1% of men
#b6292a Tritanopia 0.001% of the population

Trichromacy

#874b0e Protanomaly 1% of men, 0.01% of women
#904800 Deuteranomaly 6% of men, 0.4% of women
#b4261a Tritanomaly 0.01% of the population

#b22100 hex color

#b22100 Color Information

#b22100 Color Conversion

Color Schemes with #b22100

Alternatives to #b22100

#b22100 Preview

Shades and Tints of #b22100

Tones of #b22100

Color Blindness Simulator