colorhexa.com

#b22012 hex color

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

- R 70
- G 13
- B 7
RGB color chart
- C 0
- M 82
- Y 90
- K 30
CMYK color chart

● #b22012 color description : Dark red.

The hexadecimal color #b22012 has RGB values of R:178, G:32, B:18 and CMYK values of C:0, M:0.82, Y:0.9, K:0.3. Its decimal value is 11673618.

Hex triplet	b22012	`#b22012`
RGB Decimal	178, 32, 18	`rgb(178,32,18)`
RGB Percent	69.8, 12.5, 7.1	`rgb(69.8%,12.5%,7.1%)`
CMYK	0, 82, 90, 30
HSL	5.3°, 81.6, 38.4	`hsl(5.3,81.6%,38.4%)`
HSV (or HSB)	5.3°, 89.9, 69.8
Web Safe	993300	`#993300`

CIE-LAB	38.802, 56.071, 45.42
XYZ	18.987, 10.544, 1.608
xyY	0.61, 0.339, 10.544
CIE-LCH	38.802, 72.159, 39.009
CIE-LUV	38.802, 110.73, 26.813
Hunter-Lab	32.472, 47.547, 19.795
Binary	10110010, 00100000, 00010010

#b22012
```
#b22012 rgb(178,32,18)
```
#12a4b2
```
#12a4b2 rgb(18,164,178)
```

Complementary Color

#b21254
```
#b21254 rgb(178,18,84)
```
#b22012
```
#b22012 rgb(178,32,18)
```
#b27012
```
#b27012 rgb(178,112,18)
```

Analogous Color

#1254b2
```
#1254b2 rgb(18,84,178)
```
#b22012
```
#b22012 rgb(178,32,18)
```
#12b270
```
#12b270 rgb(18,178,112)
```

Split Complementary Color

#2012b2
```
#2012b2 rgb(32,18,178)
```
#b22012
```
#b22012 rgb(178,32,18)
```
#12b220
```
#12b220 rgb(18,178,32)
```

Triadic Color

#b212a4
```
#b212a4 rgb(178,18,164)
```
#b22012
```
#b22012 rgb(178,32,18)
```
#12b220
```
#12b220 rgb(18,178,32)
```
#12a4b2
```
#12a4b2 rgb(18,164,178)
```

Tetradic Color

#6d140b
```
#6d140b rgb(109,20,11)
```
#84180d
```
#84180d rgb(132,24,13)
```
#9b1c10
```
#9b1c10 rgb(155,28,16)
```
#b22012
```
#b22012 rgb(178,32,18)
```
#c92414
```
#c92414 rgb(201,36,20)
```
#e02817
```
#e02817 rgb(224,40,23)
```
#e93827
```
#e93827 rgb(233,56,39)
```

Monochromatic Color

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

#b2122c
```
#b2122c rgb(178,18,44)
```
#b2121f
```
#b2121f rgb(178,18,31)
```
#b21312
```
#b21312 rgb(178,19,18)
```
#b22012
```
#b22012 rgb(178,32,18)
```
#b22d12
```
#b22d12 rgb(178,45,18)
```
#b23b12
```
#b23b12 rgb(178,59,18)
```
#b24812
```
#b24812 rgb(178,72,18)
```

Similar Colors

Text with hexadecimal color #b22012

This text has a font color of #b22012.

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

#b22012 background color

This paragraph has a background color of #b22012.

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

#b22012 border color

This element has a border color of #b22012.

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

CSS codes

.text {color:#b22012;}

.background {background-color:#b22012;}

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

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

#120302
```
#120302 rgb(18,3,2)
```
#230604
```
#230604 rgb(35,6,4)
```
#350a05
```
#350a05 rgb(53,10,5)
```
#470d07
```
#470d07 rgb(71,13,7)
```
#591009
```
#591009 rgb(89,16,9)
```
#6b130b
```
#6b130b rgb(107,19,11)
```
#7d160d
```
#7d160d rgb(125,22,13)
```
#8e1a0e
```
#8e1a0e rgb(142,26,14)
```
#a01d10
```
#a01d10 rgb(160,29,16)
```
#b22012
```
#b22012 rgb(178,32,18)
```
#c42314
```
#c42314 rgb(196,35,20)
```
#d62616
```
#d62616 rgb(214,38,22)
```
#e72a17
```
#e72a17 rgb(231,42,23)
```

Shade Color Variation

#e93a29
```
#e93a29 rgb(233,58,41)
```
#eb4a3b
```
#eb4a3b rgb(235,74,59)
```
#ed5b4d
```
#ed5b4d rgb(237,91,77)
```
#ef6b5f
```
#ef6b5f rgb(239,107,95)
```
#f17c70
```
#f17c70 rgb(241,124,112)
```
#f28c82
```
#f28c82 rgb(242,140,130)
```
#f49c94
```
#f49c94 rgb(244,156,148)
```
#f6ada6
```
#f6ada6 rgb(246,173,166)
```
#f8bdb8
```
#f8bdb8 rgb(248,189,184)
```
#facec9
```
#facec9 rgb(250,206,201)
```
#fbdedb
```
#fbdedb rgb(251,222,219)
```
#fdeeed
```
#fdeeed rgb(253,238,237)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#675e5d
```
#675e5d rgb(103,94,93)
```
#6e5856
```
#6e5856 rgb(110,88,86)
```
#76524e
```
#76524e rgb(118,82,78)
```
#7d4c47
```
#7d4c47 rgb(125,76,71)
```
#85453f
```
#85453f rgb(133,69,63)
```
#8c3f38
```
#8c3f38 rgb(140,63,56)
```
#943930
```
#943930 rgb(148,57,48)
```
#9b3329
```
#9b3329 rgb(155,51,41)
```
#a32c21
```
#a32c21 rgb(163,44,33)
```
#aa261a
```
#aa261a rgb(170,38,26)
```
#b22012
```
#b22012 rgb(178,32,18)
```
#ba1a0a
```
#ba1a0a rgb(186,26,10)
```
#c11403
```
#c11403 rgb(193,20,3)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#5f423f Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e642b Protanopia 1% of men
#7c5f00 Deuteranopia 1% of men
#b62a2a Tritanopia 0.001% of the population

Trichromacy

#874b21 Protanomaly 1% of men, 0.01% of women
#904806 Deuteranomaly 6% of men, 0.4% of women
#b42621 Tritanomaly 0.01% of the population