#b22c12 hex color

In a RGB color space, hex #b22c12 is composed of 69.8% red, 17.3% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 75.3% magenta, 89.9% yellow and 30.2% black. It has a hue angle of 9.8 degrees, a saturation of 81.6% and a lightness of 38.4%. #b22c12 color hex could be obtained by blending #ff5824 with #650000. Closest websafe color is: #993300.

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

● #b22c12 color description : Dark red.

The hexadecimal color #b22c12 has RGB values of R:178, G:44, B:18 and CMYK values of C:0, M:0.75, Y:0.9, K:0.3. Its decimal value is 11676690.

Hex triplet	b22c12	`#b22c12`
RGB Decimal	178, 44, 18	`rgb(178,44,18)`
RGB Percent	69.8, 17.3, 7.1	`rgb(69.8%,17.3%,7.1%)`
CMYK	0, 75, 90, 30
HSL	9.8°, 81.6, 38.4	`hsl(9.8,81.6%,38.4%)`
HSV (or HSB)	9.8°, 89.9, 69.8
Web Safe	993300	`#993300`

CIE-LAB	40.102, 52.426, 46.391
XYZ	19.371, 11.312, 1.736
xyY	0.598, 0.349, 11.312
CIE-LCH	40.102, 70.005, 41.505
CIE-LUV	40.102, 104.795, 29.065
Hunter-Lab	33.634, 43.945, 20.484
Binary	10110010, 00101100, 00010010

#b22c12
```
#b22c12 rgb(178,44,18)
```
#1298b2
```
#1298b2 rgb(18,152,178)
```

Complementary Color

#b21248
```
#b21248 rgb(178,18,72)
```
#b22c12
```
#b22c12 rgb(178,44,18)
```
#b27c12
```
#b27c12 rgb(178,124,18)
```

Analogous Color

#1248b2
```
#1248b2 rgb(18,72,178)
```
#b22c12
```
#b22c12 rgb(178,44,18)
```
#12b27c
```
#12b27c rgb(18,178,124)
```

Split Complementary Color

#2c12b2
```
#2c12b2 rgb(44,18,178)
```
#b22c12
```
#b22c12 rgb(178,44,18)
```
#12b22c
```
#12b22c rgb(18,178,44)
```

Triadic Color

#b21298
```
#b21298 rgb(178,18,152)
```
#b22c12
```
#b22c12 rgb(178,44,18)
```
#12b22c
```
#12b22c rgb(18,178,44)
```
#1298b2
```
#1298b2 rgb(18,152,178)
```

Tetradic Color

#6d1b0b
```
#6d1b0b rgb(109,27,11)
```
#84210d
```
#84210d rgb(132,33,13)
```
#9b2610
```
#9b2610 rgb(155,38,16)
```
#b22c12
```
#b22c12 rgb(178,44,18)
```
#c93214
```
#c93214 rgb(201,50,20)
```
#e03717
```
#e03717 rgb(224,55,23)
```
#e94727
```
#e94727 rgb(233,71,39)
```

Monochromatic Color

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

#b21220
```
#b21220 rgb(178,18,32)
```
#b21213
```
#b21213 rgb(178,18,19)
```
#b21f12
```
#b21f12 rgb(178,31,18)
```
#b22c12
```
#b22c12 rgb(178,44,18)
```
#b23912
```
#b23912 rgb(178,57,18)
```
#b24712
```
#b24712 rgb(178,71,18)
```
#b25412
```
#b25412 rgb(178,84,18)
```

Similar Colors

Text with hexadecimal color #b22c12

This text has a font color of #b22c12.

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

#b22c12 background color

This paragraph has a background color of #b22c12.

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

#b22c12 border color

This element has a border color of #b22c12.

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

CSS codes

.text {color:#b22c12;}

.background {background-color:#b22c12;}

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

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

#120402
```
#120402 rgb(18,4,2)
```
#230904
```
#230904 rgb(35,9,4)
```
#350d05
```
#350d05 rgb(53,13,5)
```
#471207
```
#471207 rgb(71,18,7)
```
#591609
```
#591609 rgb(89,22,9)
```
#6b1a0b
```
#6b1a0b rgb(107,26,11)
```
#7d1f0d
```
#7d1f0d rgb(125,31,13)
```
#8e230e
```
#8e230e rgb(142,35,14)
```
#a02810
```
#a02810 rgb(160,40,16)
```
#b22c12
```
#b22c12 rgb(178,44,18)
```
#c43014
```
#c43014 rgb(196,48,20)
```
#d63516
```
#d63516 rgb(214,53,22)
```
#e73917
```
#e73917 rgb(231,57,23)
```

Shade Color Variation

#e94829
```
#e94829 rgb(233,72,41)
```
#eb583b
```
#eb583b rgb(235,88,59)
```
#ed674d
```
#ed674d rgb(237,103,77)
```
#ef765f
```
#ef765f rgb(239,118,95)
```
#f18570
```
#f18570 rgb(241,133,112)
```
#f29482
```
#f29482 rgb(242,148,130)
```
#f4a494
```
#f4a494 rgb(244,164,148)
```
#f6b3a6
```
#f6b3a6 rgb(246,179,166)
```
#f8c2b8
```
#f8c2b8 rgb(248,194,184)
```
#fad1c9
```
#fad1c9 rgb(250,209,201)
```
#fbe0db
```
#fbe0db rgb(251,224,219)
```
#fdf0ed
```
#fdf0ed rgb(253,240,237)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#675f5d
```
#675f5d rgb(103,95,93)
```
#6e5a56
```
#6e5a56 rgb(110,90,86)
```
#76554e
```
#76554e rgb(118,85,78)
```
#7d5047
```
#7d5047 rgb(125,80,71)
```
#854b3f
```
#854b3f rgb(133,75,63)
```
#8c4538
```
#8c4538 rgb(140,69,56)
```
#944030
```
#944030 rgb(148,64,48)
```
#9b3b29
```
#9b3b29 rgb(155,59,41)
```
#a33621
```
#a33621 rgb(163,54,33)
```
#aa311a
```
#aa311a rgb(170,49,26)
```
#b22c12
```
#b22c12 rgb(178,44,18)
```
#ba270a
```
#ba270a rgb(186,39,10)
```
#c12203
```
#c12203 rgb(193,34,3)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#644a44 Atypical Achromatopsia 0.001% of the population

Dichromacy

#726729 Protanopia 1% of men
#806100 Deuteranopia 1% of men
#b63436 Tritanopia 0.001% of the population

Trichromacy

#895121 Protanomaly 1% of men, 0.01% of women
#924e06 Deuteranomaly 6% of men, 0.4% of women
#b43128 Tritanomaly 0.01% of the population

#b22c12 hex color

#b22c12 Color Information

#b22c12 Color Conversion

Color Schemes with #b22c12

Alternatives to #b22c12

#b22c12 Preview

Shades and Tints of #b22c12

Tones of #b22c12

Color Blindness Simulator