#b22f20 hex color

In a RGB color space, hex #b22f20 is composed of 69.8% red, 18.4% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.6% magenta, 82% yellow and 30.2% black. It has a hue angle of 6.2 degrees, a saturation of 69.5% and a lightness of 41.2%. #b22f20 color hex could be obtained by blending #ff5e40 with #650000. Closest websafe color is: #993333.

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

● #b22f20 color description : Dark red.

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

Hex triplet	b22f20	`#b22f20`
RGB Decimal	178, 47, 32	`rgb(178,47,32)`
RGB Percent	69.8, 18.4, 12.5	`rgb(69.8%,18.4%,12.5%)`
CMYK	0, 74, 82, 30
HSL	6.2°, 69.5, 41.2	`hsl(6.2,69.5%,41.2%)`
HSV (or HSB)	6.2°, 82, 69.8
Web Safe	993333	`#993333`

CIE-LAB	40.581, 51.709, 40.165
XYZ	19.638, 11.605, 2.572
xyY	0.581, 0.343, 11.605
CIE-LCH	40.581, 65.476, 37.839
CIE-LUV	40.581, 101.367, 26.472
Hunter-Lab	34.066, 43.288, 19.369
Binary	10110010, 00101111, 00100000

#b22f20
```
#b22f20 rgb(178,47,32)
```
#20a3b2
```
#20a3b2 rgb(32,163,178)
```

Complementary Color

#b2205a
```
#b2205a rgb(178,32,90)
```
#b22f20
```
#b22f20 rgb(178,47,32)
```
#b27820
```
#b27820 rgb(178,120,32)
```

Analogous Color

#205ab2
```
#205ab2 rgb(32,90,178)
```
#b22f20
```
#b22f20 rgb(178,47,32)
```
#20b278
```
#20b278 rgb(32,178,120)
```

Split Complementary Color

#2f20b2
```
#2f20b2 rgb(47,32,178)
```
#b22f20
```
#b22f20 rgb(178,47,32)
```
#20b22f
```
#20b22f rgb(32,178,47)
```

Triadic Color

#b220a3
```
#b220a3 rgb(178,32,163)
```
#b22f20
```
#b22f20 rgb(178,47,32)
```
#20b22f
```
#20b22f rgb(32,178,47)
```
#20a3b2
```
#20a3b2 rgb(32,163,178)
```

Tetradic Color

#711e14
```
#711e14 rgb(113,30,20)
```
#872418
```
#872418 rgb(135,36,24)
```
#9c291c
```
#9c291c rgb(156,41,28)
```
#b22f20
```
#b22f20 rgb(178,47,32)
```
#c83524
```
#c83524 rgb(200,53,36)
```
#d93e2c
```
#d93e2c rgb(217,62,44)
```
#dd5242
```
#dd5242 rgb(221,82,66)
```

Monochromatic Color

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

#b22036
```
#b22036 rgb(178,32,54)
```
#b22029
```
#b22029 rgb(178,32,41)
```
#b22320
```
#b22320 rgb(178,35,32)
```
#b22f20
```
#b22f20 rgb(178,47,32)
```
#b23b20
```
#b23b20 rgb(178,59,32)
```
#b24720
```
#b24720 rgb(178,71,32)
```
#b25420
```
#b25420 rgb(178,84,32)
```

Similar Colors

Text with hexadecimal color #b22f20

This text has a font color of #b22f20.

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

#b22f20 background color

This paragraph has a background color of #b22f20.

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

#b22f20 border color

This element has a border color of #b22f20.

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

CSS codes

.text {color:#b22f20;}

.background {background-color:#b22f20;}

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

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

#0c0302
```
#0c0302 rgb(12,3,2)
```
#1c0705
```
#1c0705 rgb(28,7,5)
```
#2d0c08
```
#2d0c08 rgb(45,12,8)
```
#3e100b
```
#3e100b rgb(62,16,11)
```
#4e150e
```
#4e150e rgb(78,21,14)
```
#5f1911
```
#5f1911 rgb(95,25,17)
```
#6f1d14
```
#6f1d14 rgb(111,29,20)
```
#802217
```
#802217 rgb(128,34,23)
```
#91261a
```
#91261a rgb(145,38,26)
```
#a12b1d
```
#a12b1d rgb(161,43,29)
```
#b22f20
```
#b22f20 rgb(178,47,32)
```
#c33323
```
#c33323 rgb(195,51,35)
```
#d33826
```
#d33826 rgb(211,56,38)
```

Shade Color Variation

#da4433
```
#da4433 rgb(218,68,51)
```
#dd5343
```
#dd5343 rgb(221,83,67)
```
#e06254
```
#e06254 rgb(224,98,84)
```
#e37164
```
#e37164 rgb(227,113,100)
```
#e68175
```
#e68175 rgb(230,129,117)
```
#e99086
```
#e99086 rgb(233,144,134)
```
#ec9f96
```
#ec9f96 rgb(236,159,150)
```
#efaea7
```
#efaea7 rgb(239,174,167)
```
#f2beb8
```
#f2beb8 rgb(242,190,184)
```
#f5cdc8
```
#f5cdc8 rgb(245,205,200)
```
#f8dcd9
```
#f8dcd9 rgb(248,220,217)
```
#fbebe9
```
#fbebe9 rgb(251,235,233)
```
#fefbfa
```
#fefbfa rgb(254,251,250)
```

Tint Color Variation

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

#696969
```
#696969 rgb(105,105,105)
```
#716261
```
#716261 rgb(113,98,97)
```
#795c59
```
#795c59 rgb(121,92,89)
```
#825650
```
#825650 rgb(130,86,80)
```
#8a4f48
```
#8a4f48 rgb(138,79,72)
```
#924940
```
#924940 rgb(146,73,64)
```
#9a4238
```
#9a4238 rgb(154,66,56)
```
#a23c30
```
#a23c30 rgb(162,60,48)
```
#aa3528
```
#aa3528 rgb(170,53,40)
```
#b22f20
```
#b22f20 rgb(178,47,32)
```
#ba2918
```
#ba2918 rgb(186,41,24)
```
#c22210
```
#c22210 rgb(194,34,16)
```
#ca1c08
```
#ca1c08 rgb(202,28,8)
```

Tone Color Variation

Below, you can see how #b22f20 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
#674d4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#726837 Protanopia 1% of men
#81631f Deuteranopia 1% of men
#b6373a Tritanopia 0.001% of the population

Trichromacy

#89532f Protanomaly 1% of men, 0.01% of women
#92501f Deuteranomaly 6% of men, 0.4% of women
#b43430 Tritanomaly 0.01% of the population

#b22f20 hex color

#b22f20 Color Information

#b22f20 Color Conversion

Color Schemes with #b22f20

Alternatives to #b22f20

#b22f20 Preview

Shades and Tints of #b22f20

Tones of #b22f20

Color Blindness Simulator