#b22f1d hex color

In a RGB color space, hex #b22f1d is composed of 69.8% red, 18.4% green and 11.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.6% magenta, 83.7% yellow and 30.2% black. It has a hue angle of 7.2 degrees, a saturation of 72% and a lightness of 40.6%. #b22f1d color hex could be obtained by blending #ff5e3a with #650000. Closest websafe color is: #993333.

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

● #b22f1d color description : Dark red.

The hexadecimal color #b22f1d has RGB values of R:178, G:47, B:29 and CMYK values of C:0, M:0.74, Y:0.84, K:0.3. Its decimal value is 11677469.

Hex triplet	b22f1d	`#b22f1d`
RGB Decimal	178, 47, 29	`rgb(178,47,29)`
RGB Percent	69.8, 18.4, 11.4	`rgb(69.8%,18.4%,11.4%)`
CMYK	0, 74, 84, 30
HSL	7.2°, 72, 40.6	`hsl(7.2,72%,40.6%)`
HSV (or HSB)	7.2°, 83.7, 69.8
Web Safe	993333	`#993333`

CIE-LAB	40.555, 51.623, 41.689
XYZ	19.599, 11.589, 2.367
xyY	0.584, 0.345, 11.589
CIE-LCH	40.555, 66.354, 38.923
CIE-LUV	40.555, 101.805, 27.297
Hunter-Lab	34.043, 43.193, 19.707
Binary	10110010, 00101111, 00011101

#b22f1d
```
#b22f1d rgb(178,47,29)
```
#1da0b2
```
#1da0b2 rgb(29,160,178)
```

Complementary Color

#b21d56
```
#b21d56 rgb(178,29,86)
```
#b22f1d
```
#b22f1d rgb(178,47,29)
```
#b27a1d
```
#b27a1d rgb(178,122,29)
```

Analogous Color

#1d56b2
```
#1d56b2 rgb(29,86,178)
```
#b22f1d
```
#b22f1d rgb(178,47,29)
```
#1db27a
```
#1db27a rgb(29,178,122)
```

Split Complementary Color

#2f1db2
```
#2f1db2 rgb(47,29,178)
```
#b22f1d
```
#b22f1d rgb(178,47,29)
```
#1db22f
```
#1db22f rgb(29,178,47)
```

Triadic Color

#b21da0
```
#b21da0 rgb(178,29,160)
```
#b22f1d
```
#b22f1d rgb(178,47,29)
```
#1db22f
```
#1db22f rgb(29,178,47)
```
#1da0b2
```
#1da0b2 rgb(29,160,178)
```

Tetradic Color

#701e12
```
#701e12 rgb(112,30,18)
```
#862316
```
#862316 rgb(134,35,22)
```
#9c2919
```
#9c2919 rgb(156,41,25)
```
#b22f1d
```
#b22f1d rgb(178,47,29)
```
#c83521
```
#c83521 rgb(200,53,33)
```
#dc3c26
```
#dc3c26 rgb(220,60,38)
```
#df503c
```
#df503c rgb(223,80,60)
```

Monochromatic Color

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

#b21d30
```
#b21d30 rgb(178,29,48)
```
#b21d24
```
#b21d24 rgb(178,29,36)
```
#b2231d
```
#b2231d rgb(178,35,29)
```
#b22f1d
```
#b22f1d rgb(178,47,29)
```
#b23b1d
```
#b23b1d rgb(178,59,29)
```
#b2481d
```
#b2481d rgb(178,72,29)
```
#b2541d
```
#b2541d rgb(178,84,29)
```

Similar Colors

Text with hexadecimal color #b22f1d

This text has a font color of #b22f1d.

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

#b22f1d background color

This paragraph has a background color of #b22f1d.

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

#b22f1d border color

This element has a border color of #b22f1d.

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

CSS codes

.text {color:#b22f1d;}

.background {background-color:#b22f1d;}

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

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

#090202
```
#090202 rgb(9,2,2)
```
#1a0704
```
#1a0704 rgb(26,7,4)
```
#2b0b07
```
#2b0b07 rgb(43,11,7)
```
#3c100a
```
#3c100a rgb(60,16,10)
```
#4d140d
```
#4d140d rgb(77,20,13)
```
#5e190f
```
#5e190f rgb(94,25,15)
```
#6f1d12
```
#6f1d12 rgb(111,29,18)
```
#7f2215
```
#7f2215 rgb(127,34,21)
```
#902618
```
#902618 rgb(144,38,24)
```
#a12b1a
```
#a12b1a rgb(161,43,26)
```
#b22f1d
```
#b22f1d rgb(178,47,29)
```
#c33320
```
#c33320 rgb(195,51,32)
```
#d43822
```
#d43822 rgb(212,56,34)
```

Shade Color Variation

#dd422d
```
#dd422d rgb(221,66,45)
```
#e0513e
```
#e0513e rgb(224,81,62)
```
#e2614f
```
#e2614f rgb(226,97,79)
```
#e57060
```
#e57060 rgb(229,112,96)
```
#e87f71
```
#e87f71 rgb(232,127,113)
```
#eb8e81
```
#eb8e81 rgb(235,142,129)
```
#ed9d92
```
#ed9d92 rgb(237,157,146)
```
#f0aca3
```
#f0aca3 rgb(240,172,163)
```
#f3bcb4
```
#f3bcb4 rgb(243,188,180)
```
#f6cbc5
```
#f6cbc5 rgb(246,203,197)
```
#f8dad6
```
#f8dad6 rgb(248,218,214)
```
#fbe9e7
```
#fbe9e7 rgb(251,233,231)
```
#fef8f7
```
#fef8f7 rgb(254,248,247)
```

Tint Color Variation

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

#6a6565
```
#6a6565 rgb(106,101,101)
```
#725f5d
```
#725f5d rgb(114,95,93)
```
#7a5955
```
#7a5955 rgb(122,89,85)
```
#82534d
```
#82534d rgb(130,83,77)
```
#8a4d45
```
#8a4d45 rgb(138,77,69)
```
#92473d
```
#92473d rgb(146,71,61)
```
#9a4135
```
#9a4135 rgb(154,65,53)
```
#a23b2d
```
#a23b2d rgb(162,59,45)
```
#aa3525
```
#aa3525 rgb(170,53,37)
```
#b22f1d
```
#b22f1d rgb(178,47,29)
```
#ba2915
```
#ba2915 rgb(186,41,21)
```
#c2230d
```
#c2230d rgb(194,35,13)
```
#ca1d05
```
#ca1d05 rgb(202,29,5)
```

Tone Color Variation

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

#726734 Protanopia 1% of men
#81621b Deuteranopia 1% of men
#b63739 Tritanopia 0.001% of the population

Trichromacy

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

#b22f1d hex color

#b22f1d Color Information

#b22f1d Color Conversion

Color Schemes with #b22f1d

Alternatives to #b22f1d

#b22f1d Preview

Shades and Tints of #b22f1d

Tones of #b22f1d

Color Blindness Simulator