#b22c14 hex color

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

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

● #b22c14 color description : Dark red.

The hexadecimal color #b22c14 has RGB values of R:178, G:44, B:20 and CMYK values of C:0, M:0.75, Y:0.89, K:0.3. Its decimal value is 11676692.

Hex triplet	b22c14	`#b22c14`
RGB Decimal	178, 44, 20	`rgb(178,44,20)`
RGB Percent	69.8, 17.3, 7.8	`rgb(69.8%,17.3%,7.8%)`
CMYK	0, 75, 89, 30
HSL	9.1°, 79.8, 38.8	`hsl(9.1,79.8%,38.8%)`
HSV (or HSB)	9.1°, 88.8, 69.8
Web Safe	993300	`#993300`

CIE-LAB	40.113, 52.464, 45.556
XYZ	19.388, 11.319, 1.826
xyY	0.596, 0.348, 11.319
CIE-LCH	40.113, 69.482, 40.969
CIE-LUV	40.113, 104.592, 28.691
Hunter-Lab	33.644, 43.987, 20.333
Binary	10110010, 00101100, 00010100

#b22c14
```
#b22c14 rgb(178,44,20)
```
#149ab2
```
#149ab2 rgb(20,154,178)
```

Complementary Color

#b2144b
```
#b2144b rgb(178,20,75)
```
#b22c14
```
#b22c14 rgb(178,44,20)
```
#b27b14
```
#b27b14 rgb(178,123,20)
```

Analogous Color

#144bb2
```
#144bb2 rgb(20,75,178)
```
#b22c14
```
#b22c14 rgb(178,44,20)
```
#14b27b
```
#14b27b rgb(20,178,123)
```

Split Complementary Color

#2c14b2
```
#2c14b2 rgb(44,20,178)
```
#b22c14
```
#b22c14 rgb(178,44,20)
```
#14b22c
```
#14b22c rgb(20,178,44)
```

Triadic Color

#b2149a
```
#b2149a rgb(178,20,154)
```
#b22c14
```
#b22c14 rgb(178,44,20)
```
#14b22c
```
#14b22c rgb(20,178,44)
```
#149ab2
```
#149ab2 rgb(20,154,178)
```

Tetradic Color

#6d1b0c
```
#6d1b0c rgb(109,27,12)
```
#84210f
```
#84210f rgb(132,33,15)
```
#9b2611
```
#9b2611 rgb(155,38,17)
```
#b22c14
```
#b22c14 rgb(178,44,20)
```
#c93217
```
#c93217 rgb(201,50,23)
```
#e03719
```
#e03719 rgb(224,55,25)
```
#e7482b
```
#e7482b rgb(231,72,43)
```

Monochromatic Color

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

#b21423
```
#b21423 rgb(178,20,35)
```
#b21416
```
#b21416 rgb(178,20,22)
```
#b21f14
```
#b21f14 rgb(178,31,20)
```
#b22c14
```
#b22c14 rgb(178,44,20)
```
#b23914
```
#b23914 rgb(178,57,20)
```
#b24614
```
#b24614 rgb(178,70,20)
```
#b25414
```
#b25414 rgb(178,84,20)
```

Similar Colors

Text with hexadecimal color #b22c14

This text has a font color of #b22c14.

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

#b22c14 background color

This paragraph has a background color of #b22c14.

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

#b22c14 border color

This element has a border color of #b22c14.

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

CSS codes

.text {color:#b22c14;}

.background {background-color:#b22c14;}

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

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 #fdf1ef is the lightest one.

#020000
```
#020000 rgb(2,0,0)
```
#130502
```
#130502 rgb(19,5,2)
```
#250904
```
#250904 rgb(37,9,4)
```
#370d06
```
#370d06 rgb(55,13,6)
```
#481208
```
#481208 rgb(72,18,8)
```
#5a160a
```
#5a160a rgb(90,22,10)
```
#6b1b0c
```
#6b1b0c rgb(107,27,12)
```
#7d1f0e
```
#7d1f0e rgb(125,31,14)
```
#8f2310
```
#8f2310 rgb(143,35,16)
```
#a02812
```
#a02812 rgb(160,40,18)
```
#b22c14
```
#b22c14 rgb(178,44,20)
```
#c43016
```
#c43016 rgb(196,48,22)
```
#d53518
```
#d53518 rgb(213,53,24)
```

Shade Color Variation

#e53a1b
```
#e53a1b rgb(229,58,27)
```
#e7492d
```
#e7492d rgb(231,73,45)
```
#e9593f
```
#e9593f rgb(233,89,63)
```
#eb6850
```
#eb6850 rgb(235,104,80)
```
#ed7762
```
#ed7762 rgb(237,119,98)
```
#ef8674
```
#ef8674 rgb(239,134,116)
```
#f19685
```
#f19685 rgb(241,150,133)
```
#f3a597
```
#f3a597 rgb(243,165,151)
```
#f5b4a8
```
#f5b4a8 rgb(245,180,168)
```
#f7c3ba
```
#f7c3ba rgb(247,195,186)
```
#f9d3cc
```
#f9d3cc rgb(249,211,204)
```
#fbe2dd
```
#fbe2dd rgb(251,226,221)
```
#fdf1ef
```
#fdf1ef rgb(253,241,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 #c12105 is the most saturated one.

#666160
```
#666160 rgb(102,97,96)
```
#6d5c59
```
#6d5c59 rgb(109,92,89)
```
#755651
```
#755651 rgb(117,86,81)
```
#7d5149
```
#7d5149 rgb(125,81,73)
```
#844c42
```
#844c42 rgb(132,76,66)
```
#8c473a
```
#8c473a rgb(140,71,58)
```
#944132
```
#944132 rgb(148,65,50)
```
#9b3c2b
```
#9b3c2b rgb(155,60,43)
```
#a33723
```
#a33723 rgb(163,55,35)
```
#aa311c
```
#aa311c rgb(170,49,28)
```
#b22c14
```
#b22c14 rgb(178,44,20)
```
#ba270c
```
#ba270c rgb(186,39,12)
```
#c12105
```
#c12105 rgb(193,33,5)
```

Tone Color Variation

Below, you can see how #b22c14 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
#644a45 Atypical Achromatopsia 0.001% of the population

Dichromacy

#72672b Protanopia 1% of men
#806105 Deuteranopia 1% of men
#b63436 Tritanopia 0.001% of the population

Trichromacy

#895123 Protanomaly 1% of men, 0.01% of women
#924e0b Deuteranomaly 6% of men, 0.4% of women
#b43129 Tritanomaly 0.01% of the population

#b22c14 hex color

#b22c14 Color Information

#b22c14 Color Conversion

Color Schemes with #b22c14

Alternatives to #b22c14

#b22c14 Preview

Shades and Tints of #b22c14

Tones of #b22c14

Color Blindness Simulator