#b22311 hex color

In a RGB color space, hex #b22311 is composed of 69.8% red, 13.7% green and 6.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.3% magenta, 90.4% yellow and 30.2% black. It has a hue angle of 6.7 degrees, a saturation of 82.6% and a lightness of 38.2%. #b22311 color hex could be obtained by blending #ff4622 with #650000. Closest websafe color is: #993300.

♥
- f
- t
- g
- R 70
- G 14
- B 7
RGB color chart
- C 0
- M 80
- Y 90
- K 30
CMYK color chart

● #b22311 color description : Dark red.

The hexadecimal color #b22311 has RGB values of R:178, G:35, B:17 and CMYK values of C:0, M:0.8, Y:0.9, K:0.3. Its decimal value is 11674385.

Hex triplet	b22311	`#b22311`
RGB Decimal	178, 35, 17	`rgb(178,35,17)`
RGB Percent	69.8, 13.7, 6.7	`rgb(69.8%,13.7%,6.7%)`
CMYK	0, 80, 90, 30
HSL	6.7°, 82.6, 38.2	`hsl(6.7,82.6%,38.2%)`
HSV (or HSB)	6.7°, 90.4, 69.8
Web Safe	993300	`#993300`

CIE-LAB	39.088, 55.232, 46.055
XYZ	19.063, 10.71, 1.594
xyY	0.608, 0.341, 10.71
CIE-LCH	39.088, 71.914, 39.823
CIE-LUV	39.088, 109.489, 27.499
Hunter-Lab	32.726, 46.708, 20.021
Binary	10110010, 00100011, 00010001

#b22311
```
#b22311 rgb(178,35,17)
```
#11a0b2
```
#11a0b2 rgb(17,160,178)
```

Complementary Color

#b21150
```
#b21150 rgb(178,17,80)
```
#b22311
```
#b22311 rgb(178,35,17)
```
#b27411
```
#b27411 rgb(178,116,17)
```

Analogous Color

#1150b2
```
#1150b2 rgb(17,80,178)
```
#b22311
```
#b22311 rgb(178,35,17)
```
#11b274
```
#11b274 rgb(17,178,116)
```

Split Complementary Color

#2311b2
```
#2311b2 rgb(35,17,178)
```
#b22311
```
#b22311 rgb(178,35,17)
```
#11b223
```
#11b223 rgb(17,178,35)
```

Triadic Color

#b211a0
```
#b211a0 rgb(178,17,160)
```
#b22311
```
#b22311 rgb(178,35,17)
```
#11b223
```
#11b223 rgb(17,178,35)
```
#11a0b2
```
#11a0b2 rgb(17,160,178)
```

Tetradic Color

#6c150a
```
#6c150a rgb(108,21,10)
```
#831a0d
```
#831a0d rgb(131,26,13)
```
#9b1e0f
```
#9b1e0f rgb(155,30,15)
```
#b22311
```
#b22311 rgb(178,35,17)
```
#c92813
```
#c92813 rgb(201,40,19)
```
#e12c15
```
#e12c15 rgb(225,44,21)
```
#ea3b25
```
#ea3b25 rgb(234,59,37)
```

Monochromatic Color

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

#b21127
```
#b21127 rgb(178,17,39)
```
#b2111a
```
#b2111a rgb(178,17,26)
```
#b21611
```
#b21611 rgb(178,22,17)
```
#b22311
```
#b22311 rgb(178,35,17)
```
#b23011
```
#b23011 rgb(178,48,17)
```
#b23e11
```
#b23e11 rgb(178,62,17)
```
#b24b11
```
#b24b11 rgb(178,75,17)
```

Similar Colors

Text with hexadecimal color #b22311

This text has a font color of #b22311.

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

#b22311 background color

This paragraph has a background color of #b22311.

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

#b22311 border color

This element has a border color of #b22311.

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

CSS codes

.text {color:#b22311;}

.background {background-color:#b22311;}

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

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

#110302
```
#110302 rgb(17,3,2)
```
#230703
```
#230703 rgb(35,7,3)
```
#350a05
```
#350a05 rgb(53,10,5)
```
#470e07
```
#470e07 rgb(71,14,7)
```
#581108
```
#581108 rgb(88,17,8)
```
#6a150a
```
#6a150a rgb(106,21,10)
```
#7c180c
```
#7c180c rgb(124,24,12)
```
#8e1c0e
```
#8e1c0e rgb(142,28,14)
```
#a01f0f
```
#a01f0f rgb(160,31,15)
```
#b22311
```
#b22311 rgb(178,35,17)
```
#c42713
```
#c42713 rgb(196,39,19)
```
#d62a14
```
#d62a14 rgb(214,42,20)
```
#e82e16
```
#e82e16 rgb(232,46,22)
```

Shade Color Variation

#ea3d27
```
#ea3d27 rgb(234,61,39)
```
#ec4d39
```
#ec4d39 rgb(236,77,57)
```
#ee5d4b
```
#ee5d4b rgb(238,93,75)
```
#f06d5d
```
#f06d5d rgb(240,109,93)
```
#f17d6f
```
#f17d6f rgb(241,125,111)
```
#f38d81
```
#f38d81 rgb(243,141,129)
```
#f59d93
```
#f59d93 rgb(245,157,147)
```
#f6aea4
```
#f6aea4 rgb(246,174,164)
```
#f8beb6
```
#f8beb6 rgb(248,190,182)
```
#facec8
```
#facec8 rgb(250,206,200)
```
#fbdeda
```
#fbdeda rgb(251,222,218)
```
#fdeeec
```
#fdeeec rgb(253,238,236)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#675d5c
```
#675d5c rgb(103,93,92)
```
#6f5755
```
#6f5755 rgb(111,87,85)
```
#76524d
```
#76524d rgb(118,82,77)
```
#7e4c46
```
#7e4c46 rgb(126,76,70)
```
#85463e
```
#85463e rgb(133,70,62)
```
#8d4037
```
#8d4037 rgb(141,64,55)
```
#943a2f
```
#943a2f rgb(148,58,47)
```
#9c3428
```
#9c3428 rgb(156,52,40)
```
#a32f20
```
#a32f20 rgb(163,47,32)
```
#ab2919
```
#ab2919 rgb(171,41,25)
```
#b22311
```
#b22311 rgb(178,35,17)
```
#ba1d0a
```
#ba1d0a rgb(186,29,10)
```
#c11702
```
#c11702 rgb(193,23,2)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#604440 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f6429 Protanopia 1% of men
#7d5f00 Deuteranopia 1% of men
#b62c2d Tritanopia 0.001% of the population

Trichromacy

#874c20 Protanomaly 1% of men, 0.01% of women
#904906 Deuteranomaly 6% of men, 0.4% of women
#b42922 Tritanomaly 0.01% of the population

#b22311 hex color

#b22311 Color Information

#b22311 Color Conversion

Color Schemes with #b22311

Alternatives to #b22311

#b22311 Preview

Shades and Tints of #b22311

Tones of #b22311

Color Blindness Simulator