#b22114 hex color

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

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

● #b22114 color description : Dark red.

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

Hex triplet	b22114	`#b22114`
RGB Decimal	178, 33, 20	`rgb(178,33,20)`
RGB Percent	69.8, 12.9, 7.8	`rgb(69.8%,12.9%,7.8%)`
CMYK	0, 81, 89, 30
HSL	4.9°, 79.8, 38.8	`hsl(4.9,79.8%,38.8%)`
HSV (or HSB)	4.9°, 88.8, 69.8
Web Safe	993300	`#993300`

CIE-LAB	38.908, 55.841, 44.615
XYZ	19.031, 10.606, 1.707
xyY	0.607, 0.338, 10.606
CIE-LCH	38.908, 71.475, 38.624
CIE-LUV	38.908, 110.067, 26.595
Hunter-Lab	32.566, 47.322, 19.689
Binary	10110010, 00100001, 00010100

#b22114
```
#b22114 rgb(178,33,20)
```
#14a5b2
```
#14a5b2 rgb(20,165,178)
```

Complementary Color

#b21456
```
#b21456 rgb(178,20,86)
```
#b22114
```
#b22114 rgb(178,33,20)
```
#b27014
```
#b27014 rgb(178,112,20)
```

Analogous Color

#1456b2
```
#1456b2 rgb(20,86,178)
```
#b22114
```
#b22114 rgb(178,33,20)
```
#14b270
```
#14b270 rgb(20,178,112)
```

Split Complementary Color

#2114b2
```
#2114b2 rgb(33,20,178)
```
#b22114
```
#b22114 rgb(178,33,20)
```
#14b221
```
#14b221 rgb(20,178,33)
```

Triadic Color

#b214a5
```
#b214a5 rgb(178,20,165)
```
#b22114
```
#b22114 rgb(178,33,20)
```
#14b221
```
#14b221 rgb(20,178,33)
```
#14a5b2
```
#14a5b2 rgb(20,165,178)
```

Tetradic Color

#6d140c
```
#6d140c rgb(109,20,12)
```
#84190f
```
#84190f rgb(132,25,15)
```
#9b1d11
```
#9b1d11 rgb(155,29,17)
```
#b22114
```
#b22114 rgb(178,33,20)
```
#c92517
```
#c92517 rgb(201,37,23)
```
#e02a19
```
#e02a19 rgb(224,42,25)
```
#e73b2b
```
#e73b2b rgb(231,59,43)
```

Monochromatic Color

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

#b2142e
```
#b2142e rgb(178,20,46)
```
#b21421
```
#b21421 rgb(178,20,33)
```
#b21414
```
#b21414 rgb(178,20,20)
```
#b22114
```
#b22114 rgb(178,33,20)
```
#b22e14
```
#b22e14 rgb(178,46,20)
```
#b23b14
```
#b23b14 rgb(178,59,20)
```
#b24914
```
#b24914 rgb(178,73,20)
```

Similar Colors

Text with hexadecimal color #b22114

This text has a font color of #b22114.

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

#b22114 background color

This paragraph has a background color of #b22114.

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

#b22114 border color

This element has a border color of #b22114.

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

CSS codes

.text {color:#b22114;}

.background {background-color:#b22114;}

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

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 #fdf0ef is the lightest one.

#020000
```
#020000 rgb(2,0,0)
```
#130402
```
#130402 rgb(19,4,2)
```
#250704
```
#250704 rgb(37,7,4)
```
#370a06
```
#370a06 rgb(55,10,6)
```
#480d08
```
#480d08 rgb(72,13,8)
```
#5a110a
```
#5a110a rgb(90,17,10)
```
#6b140c
```
#6b140c rgb(107,20,12)
```
#7d170e
```
#7d170e rgb(125,23,14)
```
#8f1a10
```
#8f1a10 rgb(143,26,16)
```
#a01e12
```
#a01e12 rgb(160,30,18)
```
#b22114
```
#b22114 rgb(178,33,20)
```
#c42416
```
#c42416 rgb(196,36,22)
```
#d52818
```
#d52818 rgb(213,40,24)
```

Shade Color Variation

#e52c1b
```
#e52c1b rgb(229,44,27)
```
#e73c2d
```
#e73c2d rgb(231,60,45)
```
#e94d3f
```
#e94d3f rgb(233,77,63)
```
#eb5d50
```
#eb5d50 rgb(235,93,80)
```
#ed6d62
```
#ed6d62 rgb(237,109,98)
```
#ef7e74
```
#ef7e74 rgb(239,126,116)
```
#f18e85
```
#f18e85 rgb(241,142,133)
```
#f39e97
```
#f39e97 rgb(243,158,151)
```
#f5afa8
```
#f5afa8 rgb(245,175,168)
```
#f7bfba
```
#f7bfba rgb(247,191,186)
```
#f9d0cc
```
#f9d0cc rgb(249,208,204)
```
#fbe0dd
```
#fbe0dd rgb(251,224,221)
```
#fdf0ef
```
#fdf0ef rgb(253,240,239)
```

Tint Color Variation

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

#666160
```
#666160 rgb(102,97,96)
```
#6d5a59
```
#6d5a59 rgb(109,90,89)
```
#755451
```
#755451 rgb(117,84,81)
```
#7d4e49
```
#7d4e49 rgb(125,78,73)
```
#844742
```
#844742 rgb(132,71,66)
```
#8c413a
```
#8c413a rgb(140,65,58)
```
#943a32
```
#943a32 rgb(148,58,50)
```
#9b342b
```
#9b342b rgb(155,52,43)
```
#a32e23
```
#a32e23 rgb(163,46,35)
```
#aa271c
```
#aa271c rgb(170,39,28)
```
#b22114
```
#b22114 rgb(178,33,20)
```
#ba1b0c
```
#ba1b0c rgb(186,27,12)
```
#c11405
```
#c11405 rgb(193,20,5)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#604340 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e642d Protanopia 1% of men
#7d5f00 Deuteranopia 1% of men
#b62b2b Tritanopia 0.001% of the population

Trichromacy

#874b23 Protanomaly 1% of men, 0.01% of women
#904807 Deuteranomaly 6% of men, 0.4% of women
#b42722 Tritanomaly 0.01% of the population

#b22114 hex color

#b22114 Color Information

#b22114 Color Conversion

Color Schemes with #b22114

Alternatives to #b22114

#b22114 Preview

Shades and Tints of #b22114

Tones of #b22114

Color Blindness Simulator