#b22d14 hex color

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

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

● #b22d14 color description : Dark red.

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

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

CIE-LAB	40.237, 52.119, 45.653
XYZ	19.426, 11.395, 1.838
xyY	0.595, 0.349, 11.395
CIE-LCH	40.237, 69.286, 41.216
CIE-LUV	40.237, 104.035, 28.906
Hunter-Lab	33.756, 43.65, 20.4
Binary	10110010, 00101101, 00010100

#b22d14
```
#b22d14 rgb(178,45,20)
```
#1499b2
```
#1499b2 rgb(20,153,178)
```

Complementary Color

#b2144a
```
#b2144a rgb(178,20,74)
```
#b22d14
```
#b22d14 rgb(178,45,20)
```
#b27c14
```
#b27c14 rgb(178,124,20)
```

Analogous Color

#144ab2
```
#144ab2 rgb(20,74,178)
```
#b22d14
```
#b22d14 rgb(178,45,20)
```
#14b27c
```
#14b27c rgb(20,178,124)
```

Split Complementary Color

#2d14b2
```
#2d14b2 rgb(45,20,178)
```
#b22d14
```
#b22d14 rgb(178,45,20)
```
#14b22d
```
#14b22d rgb(20,178,45)
```

Triadic Color

#b21499
```
#b21499 rgb(178,20,153)
```
#b22d14
```
#b22d14 rgb(178,45,20)
```
#14b22d
```
#14b22d rgb(20,178,45)
```
#1499b2
```
#1499b2 rgb(20,153,178)
```

Tetradic Color

#6d1c0c
```
#6d1c0c rgb(109,28,12)
```
#84210f
```
#84210f rgb(132,33,15)
```
#9b2711
```
#9b2711 rgb(155,39,17)
```
#b22d14
```
#b22d14 rgb(178,45,20)
```
#c93317
```
#c93317 rgb(201,51,23)
```
#e03919
```
#e03919 rgb(224,57,25)
```
#e7492b
```
#e7492b rgb(231,73,43)
```

Monochromatic Color

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

#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)
```
#b24714
```
#b24714 rgb(178,71,20)
```
#b25514
```
#b25514 rgb(178,85,20)
```

Similar Colors

Text with hexadecimal color #b22d14

This text has a font color of #b22d14.

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

#b22d14 background color

This paragraph has a background color of #b22d14.

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

#b22d14 border color

This element has a border color of #b22d14.

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

CSS codes

.text {color:#b22d14;}

.background {background-color:#b22d14;}

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

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)
```
#370e06
```
#370e06 rgb(55,14,6)
```
#481208
```
#481208 rgb(72,18,8)
```
#5a170a
```
#5a170a rgb(90,23,10)
```
#6b1b0c
```
#6b1b0c rgb(107,27,12)
```
#7d200e
```
#7d200e rgb(125,32,14)
```
#8f2410
```
#8f2410 rgb(143,36,16)
```
#a02912
```
#a02912 rgb(160,41,18)
```
#b22d14
```
#b22d14 rgb(178,45,20)
```
#c43116
```
#c43116 rgb(196,49,22)
```
#d53618
```
#d53618 rgb(213,54,24)
```

Shade Color Variation

#e53b1b
```
#e53b1b rgb(229,59,27)
```
#e74b2d
```
#e74b2d rgb(231,75,45)
```
#e95a3f
```
#e95a3f rgb(233,90,63)
```
#eb6950
```
#eb6950 rgb(235,105,80)
```
#ed7862
```
#ed7862 rgb(237,120,98)
```
#ef8774
```
#ef8774 rgb(239,135,116)
```
#f19685
```
#f19685 rgb(241,150,133)
```
#f3a597
```
#f3a597 rgb(243,165,151)
```
#f5b5a8
```
#f5b5a8 rgb(245,181,168)
```
#f7c4ba
```
#f7c4ba rgb(247,196,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 #c12305 is the most saturated one.

#666160
```
#666160 rgb(102,97,96)
```
#6d5c59
```
#6d5c59 rgb(109,92,89)
```
#755751
```
#755751 rgb(117,87,81)
```
#7d5149
```
#7d5149 rgb(125,81,73)
```
#844c42
```
#844c42 rgb(132,76,66)
```
#8c473a
```
#8c473a rgb(140,71,58)
```
#944232
```
#944232 rgb(148,66,50)
```
#9b3d2b
```
#9b3d2b rgb(155,61,43)
```
#a33723
```
#a33723 rgb(163,55,35)
```
#aa321c
```
#aa321c rgb(170,50,28)
```
#b22d14
```
#b22d14 rgb(178,45,20)
```
#ba280c
```
#ba280c rgb(186,40,12)
```
#c12305
```
#c12305 rgb(193,35,5)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#654b46 Atypical Achromatopsia 0.001% of the population

Dichromacy

#72672b Protanopia 1% of men
#816206 Deuteranopia 1% of men
#b63537 Tritanopia 0.001% of the population

Trichromacy

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

#b22d14 hex color

#b22d14 Color Information

#b22d14 Color Conversion

Color Schemes with #b22d14

Alternatives to #b22d14

#b22d14 Preview

Shades and Tints of #b22d14

Tones of #b22d14

Color Blindness Simulator