#b22200 hex color

In a RGB color space, hex #b22200 is composed of 69.8% red, 13.3% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.9% magenta, 100% yellow and 30.2% black. It has a hue angle of 11.5 degrees, a saturation of 100% and a lightness of 34.9%. #b22200 color hex could be obtained by blending #ff4400 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

● #b22200 color description : Dark red.

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

Hex triplet	b22200	`#b22200`
RGB Decimal	178, 34, 0	`rgb(178,34,0)`
RGB Percent	69.8, 13.3, 0	`rgb(69.8%,13.3%,0%)`
CMYK	0, 81, 100, 30
HSL	11.5°, 100, 34.9	`hsl(11.5,100%,34.9%)`
HSV (or HSB)	11.5°, 100, 69.8
Web Safe	993300	`#993300`

CIE-LAB	38.918, 55.294, 52.098
XYZ	18.933, 10.611, 1.051
xyY	0.619, 0.347, 10.611
CIE-LCH	38.918, 75.971, 43.295
CIE-LUV	38.918, 111.293, 29.623
Hunter-Lab	32.575, 46.74, 20.889
Binary	10110010, 00100010, 00000000

#b22200
```
#b22200 rgb(178,34,0)
```
#0090b2
```
#0090b2 rgb(0,144,178)
```

Complementary Color

#b20037
```
#b20037 rgb(178,0,55)
```
#b22200
```
#b22200 rgb(178,34,0)
```
#b27b00
```
#b27b00 rgb(178,123,0)
```

Analogous Color

#0037b2
```
#0037b2 rgb(0,55,178)
```
#b22200
```
#b22200 rgb(178,34,0)
```
#00b27b
```
#00b27b rgb(0,178,123)
```

Split Complementary Color

#2200b2
```
#2200b2 rgb(34,0,178)
```
#b22200
```
#b22200 rgb(178,34,0)
```
#00b222
```
#00b222 rgb(0,178,34)
```

Triadic Color

#b20090
```
#b20090 rgb(178,0,144)
```
#b22200
```
#b22200 rgb(178,34,0)
```
#00b222
```
#00b222 rgb(0,178,34)
```
#0090b2
```
#0090b2 rgb(0,144,178)
```

Tetradic Color

#661300
```
#661300 rgb(102,19,0)
```
#7f1800
```
#7f1800 rgb(127,24,0)
```
#991d00
```
#991d00 rgb(153,29,0)
```
#b22200
```
#b22200 rgb(178,34,0)
```
#cc2700
```
#cc2700 rgb(204,39,0)
```
#e52c00
```
#e52c00 rgb(229,44,0)
```
#ff3100
```
#ff3100 rgb(255,49,0)
```

Monochromatic Color

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

#b2000b
```
#b2000b rgb(178,0,11)
```
#b20400
```
#b20400 rgb(178,4,0)
```
#b21300
```
#b21300 rgb(178,19,0)
```
#b22200
```
#b22200 rgb(178,34,0)
```
#b23100
```
#b23100 rgb(178,49,0)
```
#b24000
```
#b24000 rgb(178,64,0)
```
#b24f00
```
#b24f00 rgb(178,79,0)
```

Similar Colors

Text with hexadecimal color #b22200

This text has a font color of #b22200.

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

#b22200 background color

This paragraph has a background color of #b22200.

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

#b22200 border color

This element has a border color of #b22200.

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

CSS codes

.text {color:#b22200;}

.background {background-color:#b22200;}

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

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)
```
#3c0c00
```
#3c0c00 rgb(60,12,0)
```
#500f00
```
#500f00 rgb(80,15,0)
```
#641300
```
#641300 rgb(100,19,0)
```
#771700
```
#771700 rgb(119,23,0)
```
#8b1b00
```
#8b1b00 rgb(139,27,0)
```
#9e1e00
```
#9e1e00 rgb(158,30,0)
```
#b22200
```
#b22200 rgb(178,34,0)
```
#c62600
```
#c62600 rgb(198,38,0)
```
#d92900
```
#d92900 rgb(217,41,0)
```
#ed2d00
```
#ed2d00 rgb(237,45,0)
```

Shade Color Variation

#ff3201
```
#ff3201 rgb(255,50,1)
```
#ff4215
```
#ff4215 rgb(255,66,21)
```
#ff5229
```
#ff5229 rgb(255,82,41)
```
#ff613c
```
#ff613c rgb(255,97,60)
```
#ff7150
```
#ff7150 rgb(255,113,80)
```
#ff8164
```
#ff8164 rgb(255,129,100)
```
#ff9177
```
#ff9177 rgb(255,145,119)
```
#ffa18b
```
#ffa18b rgb(255,161,139)
```
#ffb19e
```
#ffb19e rgb(255,177,158)
```
#ffc1b2
```
#ffc1b2 rgb(255,193,178)
```
#ffd1c6
```
#ffd1c6 rgb(255,209,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 #b22200 is the most saturated one.

#605552
```
#605552 rgb(96,85,82)
```
#67514b
```
#67514b rgb(103,81,75)
```
#6e4c44
```
#6e4c44 rgb(110,76,68)
```
#74483e
```
#74483e rgb(116,72,62)
```
#7b4437
```
#7b4437 rgb(123,68,55)
```
#824030
```
#824030 rgb(130,64,48)
```
#893b29
```
#893b29 rgb(137,59,41)
```
#903722
```
#903722 rgb(144,55,34)
```
#97331b
```
#97331b rgb(151,51,27)
```
#9d2f15
```
#9d2f15 rgb(157,47,21)
```
#a42a0e
```
#a42a0e rgb(164,42,14)
```
#ab2607
```
#ab2607 rgb(171,38,7)
```
#b22200
```
#b22200 rgb(178,34,0)
```

Tone Color Variation

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

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

Trichromacy

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

#b22200 hex color

#b22200 Color Information

#b22200 Color Conversion

Color Schemes with #b22200

Alternatives to #b22200

#b22200 Preview

Shades and Tints of #b22200

Tones of #b22200

Color Blindness Simulator