colorhexa.com

#b22000 hex color

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

- R 70
- G 13
- B 0
RGB color chart
- C 0
- M 82
- Y 100
- K 30
CMYK color chart

● #b22000 color description : Dark red.

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

Hex triplet	b22000	`#b22000`
RGB Decimal	178, 32, 0	`rgb(178,32,0)`
RGB Percent	69.8, 12.5, 0	`rgb(69.8%,12.5%,0%)`
CMYK	0, 82, 100, 30
HSL	10.8°, 100, 34.9	`hsl(10.8,100%,34.9%)`
HSV (or HSB)	10.8°, 100, 69.8
Web Safe	993300	`#993300`

CIE-LAB	38.726, 55.837, 52.018
XYZ	18.878, 10.5, 1.033
xyY	0.621, 0.345, 10.5
CIE-LCH	38.726, 76.313, 42.972
CIE-LUV	38.726, 112.203, 29.299
Hunter-Lab	32.404, 47.28, 20.793
Binary	10110010, 00100000, 00000000

#b22000
```
#b22000 rgb(178,32,0)
```
#0092b2
```
#0092b2 rgb(0,146,178)
```

Complementary Color

#b20039
```
#b20039 rgb(178,0,57)
```
#b22000
```
#b22000 rgb(178,32,0)
```
#b27900
```
#b27900 rgb(178,121,0)
```

Analogous Color

#0039b2
```
#0039b2 rgb(0,57,178)
```
#b22000
```
#b22000 rgb(178,32,0)
```
#00b279
```
#00b279 rgb(0,178,121)
```

Split Complementary Color

#661200
```
#661200 rgb(102,18,0)
```
#7f1700
```
#7f1700 rgb(127,23,0)
```
#991b00
```
#991b00 rgb(153,27,0)
```
#b22000
```
#b22000 rgb(178,32,0)
```
#cc2500
```
#cc2500 rgb(204,37,0)
```
#e52900
```
#e52900 rgb(229,41,0)
```
#ff2e00
```
#ff2e00 rgb(255,46,0)
```

Monochromatic Color

Below, you can see some colors close to #b22000. 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)
```
#b20200
```
#b20200 rgb(178,2,0)
```
#b21100
```
#b21100 rgb(178,17,0)
```
#b22000
```
#b22000 rgb(178,32,0)
```
#b22f00
```
#b22f00 rgb(178,47,0)
```
#b23e00
```
#b23e00 rgb(178,62,0)
```
#b24d00
```
#b24d00 rgb(178,77,0)
```

Similar Colors

Text with hexadecimal color #b22000

This text has a font color of #b22000.

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

#b22000 background color

This paragraph has a background color of #b22000.

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

#b22000 border color

This element has a border color of #b22000.

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

CSS codes

.text {color:#b22000;}

.background {background-color:#b22000;}

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

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)
```
#290700
```
#290700 rgb(41,7,0)
```
#3c0b00
```
#3c0b00 rgb(60,11,0)
```
#500e00
```
#500e00 rgb(80,14,0)
```
#641200
```
#641200 rgb(100,18,0)
```
#771500
```
#771500 rgb(119,21,0)
```
#8b1900
```
#8b1900 rgb(139,25,0)
```
#9e1c00
```
#9e1c00 rgb(158,28,0)
```
#b22000
```
#b22000 rgb(178,32,0)
```
#c62400
```
#c62400 rgb(198,36,0)
```
#d92700
```
#d92700 rgb(217,39,0)
```
#ed2b00
```
#ed2b00 rgb(237,43,0)
```

Shade Color Variation

#ff2f01
```
#ff2f01 rgb(255,47,1)
```
#ff3f15
```
#ff3f15 rgb(255,63,21)
```
#ff4f29
```
#ff4f29 rgb(255,79,41)
```
#ff5f3c
```
#ff5f3c rgb(255,95,60)
```
#ff6f50
```
#ff6f50 rgb(255,111,80)
```
#ff7f64
```
#ff7f64 rgb(255,127,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 #b22000 is the most saturated one.

#605552
```
#605552 rgb(96,85,82)
```
#67504b
```
#67504b rgb(103,80,75)
```
#6e4c44
```
#6e4c44 rgb(110,76,68)
```
#74473e
```
#74473e rgb(116,71,62)
```
#7b4337
```
#7b4337 rgb(123,67,55)
```
#823f30
```
#823f30 rgb(130,63,48)
```
#893a29
```
#893a29 rgb(137,58,41)
```
#903622
```
#903622 rgb(144,54,34)
```
#97321b
```
#97321b rgb(151,50,27)
```
#9d2d15
```
#9d2d15 rgb(157,45,21)
```
#a4290e
```
#a4290e rgb(164,41,14)
```
#ab2407
```
#ab2407 rgb(171,36,7)
```
#b22000
```
#b22000 rgb(178,32,0)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#5d403a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f6317 Protanopia 1% of men
#7c5f00 Deuteranopia 1% of men
#b62929 Tritanopia 0.001% of the population

Trichromacy

#874b0e Protanomaly 1% of men, 0.01% of women
#8f4800 Deuteranomaly 6% of men, 0.4% of women
#b4251a Tritanomaly 0.01% of the population