#b22f1e hex color

In a RGB color space, hex #b22f1e is composed of 69.8% red, 18.4% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.6% magenta, 83.1% yellow and 30.2% black. It has a hue angle of 6.9 degrees, a saturation of 71.2% and a lightness of 40.8%. #b22f1e color hex could be obtained by blending #ff5e3c with #650000. Closest websafe color is: #993333.

♥
- f
- t
- g
- R 70
- G 18
- B 12
RGB color chart
- C 0
- M 74
- Y 83
- K 30
CMYK color chart

● #b22f1e color description : Dark red.

The hexadecimal color #b22f1e has RGB values of R:178, G:47, B:30 and CMYK values of C:0, M:0.74, Y:0.83, K:0.3. Its decimal value is 11677470.

Hex triplet	b22f1e	`#b22f1e`
RGB Decimal	178, 47, 30	`rgb(178,47,30)`
RGB Percent	69.8, 18.4, 11.8	`rgb(69.8%,18.4%,11.8%)`
CMYK	0, 74, 83, 30
HSL	6.9°, 71.2, 40.8	`hsl(6.9,71.2%,40.8%)`
HSV (or HSB)	6.9°, 83.1, 69.8
Web Safe	993333	`#993333`

CIE-LAB	40.564, 51.65, 41.188
XYZ	19.612, 11.594, 2.433
xyY	0.583, 0.345, 11.594
CIE-LCH	40.564, 66.062, 38.57
CIE-LUV	40.564, 101.663, 27.03
Hunter-Lab	34.05, 43.223, 19.598
Binary	10110010, 00101111, 00011110

#b22f1e
```
#b22f1e rgb(178,47,30)
```
#1ea1b2
```
#1ea1b2 rgb(30,161,178)
```

Complementary Color

#b21e57
```
#b21e57 rgb(178,30,87)
```
#b22f1e
```
#b22f1e rgb(178,47,30)
```
#b2791e
```
#b2791e rgb(178,121,30)
```

Analogous Color

#1e57b2
```
#1e57b2 rgb(30,87,178)
```
#b22f1e
```
#b22f1e rgb(178,47,30)
```
#1eb279
```
#1eb279 rgb(30,178,121)
```

Split Complementary Color

#2f1eb2
```
#2f1eb2 rgb(47,30,178)
```
#b22f1e
```
#b22f1e rgb(178,47,30)
```
#1eb22f
```
#1eb22f rgb(30,178,47)
```

Triadic Color

#b21ea1
```
#b21ea1 rgb(178,30,161)
```
#b22f1e
```
#b22f1e rgb(178,47,30)
```
#1eb22f
```
#1eb22f rgb(30,178,47)
```
#1ea1b2
```
#1ea1b2 rgb(30,161,178)
```

Tetradic Color

#711e13
```
#711e13 rgb(113,30,19)
```
#862317
```
#862317 rgb(134,35,23)
```
#9c291a
```
#9c291a rgb(156,41,26)
```
#b22f1e
```
#b22f1e rgb(178,47,30)
```
#c83522
```
#c83522 rgb(200,53,34)
```
#db3d28
```
#db3d28 rgb(219,61,40)
```
#de503e
```
#de503e rgb(222,80,62)
```

Monochromatic Color

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

#b21e32
```
#b21e32 rgb(178,30,50)
```
#b21e26
```
#b21e26 rgb(178,30,38)
```
#b2231e
```
#b2231e rgb(178,35,30)
```
#b22f1e
```
#b22f1e rgb(178,47,30)
```
#b23b1e
```
#b23b1e rgb(178,59,30)
```
#b2481e
```
#b2481e rgb(178,72,30)
```
#b2541e
```
#b2541e rgb(178,84,30)
```

Similar Colors

Text with hexadecimal color #b22f1e

This text has a font color of #b22f1e.

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

#b22f1e background color

This paragraph has a background color of #b22f1e.

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

#b22f1e border color

This element has a border color of #b22f1e.

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

CSS codes

.text {color:#b22f1e;}

.background {background-color:#b22f1e;}

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

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, #0a0302 is the darkest color, while #fef9f8 is the lightest one.

#0a0302
```
#0a0302 rgb(10,3,2)
```
#1b0705
```
#1b0705 rgb(27,7,5)
```
#2c0c07
```
#2c0c07 rgb(44,12,7)
```
#3c100a
```
#3c100a rgb(60,16,10)
```
#4d140d
```
#4d140d rgb(77,20,13)
```
#5e1910
```
#5e1910 rgb(94,25,16)
```
#6f1d13
```
#6f1d13 rgb(111,29,19)
```
#802216
```
#802216 rgb(128,34,22)
```
#902618
```
#902618 rgb(144,38,24)
```
#a12b1b
```
#a12b1b rgb(161,43,27)
```
#b22f1e
```
#b22f1e rgb(178,47,30)
```
#c33321
```
#c33321 rgb(195,51,33)
```
#d43824
```
#d43824 rgb(212,56,36)
```

Shade Color Variation

#dc432f
```
#dc432f rgb(220,67,47)
```
#df5240
```
#df5240 rgb(223,82,64)
```
#e26150
```
#e26150 rgb(226,97,80)
```
#e47061
```
#e47061 rgb(228,112,97)
```
#e78072
```
#e78072 rgb(231,128,114)
```
#ea8f83
```
#ea8f83 rgb(234,143,131)
```
#ed9e94
```
#ed9e94 rgb(237,158,148)
```
#f0ada4
```
#f0ada4 rgb(240,173,164)
```
#f3bcb5
```
#f3bcb5 rgb(243,188,181)
```
#f5cbc6
```
#f5cbc6 rgb(245,203,198)
```
#f8dbd7
```
#f8dbd7 rgb(248,219,215)
```
#fbeae8
```
#fbeae8 rgb(251,234,232)
```
#fef9f8
```
#fef9f8 rgb(254,249,248)
```

Tint Color Variation

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

#6a6666
```
#6a6666 rgb(106,102,102)
```
#72605e
```
#72605e rgb(114,96,94)
```
#7a5a56
```
#7a5a56 rgb(122,90,86)
```
#82544e
```
#82544e rgb(130,84,78)
```
#8a4e46
```
#8a4e46 rgb(138,78,70)
```
#92483e
```
#92483e rgb(146,72,62)
```
#9a4136
```
#9a4136 rgb(154,65,54)
```
#a23b2e
```
#a23b2e rgb(162,59,46)
```
#aa3526
```
#aa3526 rgb(170,53,38)
```
#b22f1e
```
#b22f1e rgb(178,47,30)
```
#ba2916
```
#ba2916 rgb(186,41,22)
```
#c2230e
```
#c2230e rgb(194,35,14)
```
#ca1d06
```
#ca1d06 rgb(202,29,6)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#674d49 Atypical Achromatopsia 0.001% of the population

Dichromacy

#726735 Protanopia 1% of men
#81621c Deuteranopia 1% of men
#b63739 Tritanopia 0.001% of the population

Trichromacy

#89532d Protanomaly 1% of men, 0.01% of women
#93501d Deuteranomaly 6% of men, 0.4% of women
#b4342f Tritanomaly 0.01% of the population

#b22f1e hex color

#b22f1e Color Information

#b22f1e Color Conversion

Color Schemes with #b22f1e

Alternatives to #b22f1e

#b22f1e Preview

Shades and Tints of #b22f1e

Tones of #b22f1e

Color Blindness Simulator