#b22014 hex color

In a RGB color space, hex #b22014 is composed of 69.8% red, 12.5% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82% magenta, 88.8% yellow and 30.2% black. It has a hue angle of 4.6 degrees, a saturation of 79.8% and a lightness of 38.8%. #b22014 color hex could be obtained by blending #ff4028 with #650000. Closest websafe color is: #993300.

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

● #b22014 color description : Dark red.

The hexadecimal color #b22014 has RGB values of R:178, G:32, B:20 and CMYK values of C:0, M:0.82, Y:0.89, K:0.3. Its decimal value is 11673620.

Hex triplet	b22014	`#b22014`
RGB Decimal	178, 32, 20	`rgb(178,32,20)`
RGB Percent	69.8, 12.5, 7.8	`rgb(69.8%,12.5%,7.8%)`
CMYK	0, 82, 89, 30
HSL	4.6°, 79.8, 38.8	`hsl(4.6,79.8%,38.8%)`
HSV (or HSB)	4.6°, 88.8, 69.8
Web Safe	993300	`#993300`

CIE-LAB	38.814, 56.108, 44.541
XYZ	19.004, 10.551, 1.698
xyY	0.608, 0.338, 10.551
CIE-LCH	38.814, 71.638, 38.444
CIE-LUV	38.814, 110.503, 26.43
Hunter-Lab	32.482, 47.589, 19.639
Binary	10110010, 00100000, 00010100

#b22014
```
#b22014 rgb(178,32,20)
```
#14a6b2
```
#14a6b2 rgb(20,166,178)
```

Complementary Color

#b21457
```
#b21457 rgb(178,20,87)
```
#b22014
```
#b22014 rgb(178,32,20)
```
#b26f14
```
#b26f14 rgb(178,111,20)
```

Analogous Color

#1457b2
```
#1457b2 rgb(20,87,178)
```
#b22014
```
#b22014 rgb(178,32,20)
```
#14b26f
```
#14b26f rgb(20,178,111)
```

Split Complementary Color

#2014b2
```
#2014b2 rgb(32,20,178)
```
#b22014
```
#b22014 rgb(178,32,20)
```
#14b220
```
#14b220 rgb(20,178,32)
```

Triadic Color

#b214a6
```
#b214a6 rgb(178,20,166)
```
#b22014
```
#b22014 rgb(178,32,20)
```
#14b220
```
#14b220 rgb(20,178,32)
```
#14a6b2
```
#14a6b2 rgb(20,166,178)
```

Tetradic Color

#6d140c
```
#6d140c rgb(109,20,12)
```
#84180f
```
#84180f rgb(132,24,15)
```
#9b1c11
```
#9b1c11 rgb(155,28,17)
```
#b22014
```
#b22014 rgb(178,32,20)
```
#c92417
```
#c92417 rgb(201,36,23)
```
#e02819
```
#e02819 rgb(224,40,25)
```
#e73a2b
```
#e73a2b rgb(231,58,43)
```

Monochromatic Color

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

#b2142f
```
#b2142f rgb(178,20,47)
```
#b21422
```
#b21422 rgb(178,20,34)
```
#b21415
```
#b21415 rgb(178,20,21)
```
#b22014
```
#b22014 rgb(178,32,20)
```
#b22d14
```
#b22d14 rgb(178,45,20)
```
#b23a14
```
#b23a14 rgb(178,58,20)
```
#b24814
```
#b24814 rgb(178,72,20)
```

Similar Colors

Text with hexadecimal color #b22014

This text has a font color of #b22014.

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

#b22014 background color

This paragraph has a background color of #b22014.

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

#b22014 border color

This element has a border color of #b22014.

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

CSS codes

.text {color:#b22014;}

.background {background-color:#b22014;}

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

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

#020000
```
#020000 rgb(2,0,0)
```
#130302
```
#130302 rgb(19,3,2)
```
#250704
```
#250704 rgb(37,7,4)
```
#370a06
```
#370a06 rgb(55,10,6)
```
#480d08
```
#480d08 rgb(72,13,8)
```
#5a100a
```
#5a100a rgb(90,16,10)
```
#6b130c
```
#6b130c rgb(107,19,12)
```
#7d160e
```
#7d160e rgb(125,22,14)
```
#8f1a10
```
#8f1a10 rgb(143,26,16)
```
#a01d12
```
#a01d12 rgb(160,29,18)
```
#b22014
```
#b22014 rgb(178,32,20)
```
#c42316
```
#c42316 rgb(196,35,22)
```
#d52618
```
#d52618 rgb(213,38,24)
```

Shade Color Variation

#e52b1b
```
#e52b1b rgb(229,43,27)
```
#e73b2d
```
#e73b2d rgb(231,59,45)
```
#e94c3f
```
#e94c3f rgb(233,76,63)
```
#eb5c50
```
#eb5c50 rgb(235,92,80)
```
#ed6d62
```
#ed6d62 rgb(237,109,98)
```
#ef7d74
```
#ef7d74 rgb(239,125,116)
```
#f18d85
```
#f18d85 rgb(241,141,133)
```
#f39e97
```
#f39e97 rgb(243,158,151)
```
#f5aea8
```
#f5aea8 rgb(245,174,168)
```
#f7bfba
```
#f7bfba rgb(247,191,186)
```
#f9cfcc
```
#f9cfcc rgb(249,207,204)
```
#fbe0dd
```
#fbe0dd rgb(251,224,221)
```
#fdf0ef
```
#fdf0ef rgb(253,240,239)
```

Tint Color Variation

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

#666160
```
#666160 rgb(102,97,96)
```
#6d5a59
```
#6d5a59 rgb(109,90,89)
```
#755451
```
#755451 rgb(117,84,81)
```
#7d4d49
```
#7d4d49 rgb(125,77,73)
```
#844742
```
#844742 rgb(132,71,66)
```
#8c403a
```
#8c403a rgb(140,64,58)
```
#943a32
```
#943a32 rgb(148,58,50)
```
#9b332b
```
#9b332b rgb(155,51,43)
```
#a32d23
```
#a32d23 rgb(163,45,35)
```
#aa261c
```
#aa261c rgb(170,38,28)
```
#b22014
```
#b22014 rgb(178,32,20)
```
#ba1a0c
```
#ba1a0c rgb(186,26,12)
```
#c11305
```
#c11305 rgb(193,19,5)
```

Tone Color Variation

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

#6e642d Protanopia 1% of men
#7d5f00 Deuteranopia 1% of men
#b62a2a Tritanopia 0.001% of the population

Trichromacy

#874b24 Protanomaly 1% of men, 0.01% of women
#904807 Deuteranomaly 6% of men, 0.4% of women
#b42622 Tritanomaly 0.01% of the population

#b22014 hex color

#b22014 Color Information

#b22014 Color Conversion

Color Schemes with #b22014

Alternatives to #b22014

#b22014 Preview

Shades and Tints of #b22014

Tones of #b22014

Color Blindness Simulator