#b22d18 hex color

In a RGB color space, hex #b22d18 is composed of 69.8% red, 17.6% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.7% magenta, 86.5% yellow and 30.2% black. It has a hue angle of 8.2 degrees, a saturation of 76.2% and a lightness of 39.6%. #b22d18 color hex could be obtained by blending #ff5a30 with #650000. Closest websafe color is: #993300.

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

● #b22d18 color description : Dark red.

The hexadecimal color #b22d18 has RGB values of R:178, G:45, B:24 and CMYK values of C:0, M:0.75, Y:0.87, K:0.3. Its decimal value is 11676952.

Hex triplet	b22d18	`#b22d18`
RGB Decimal	178, 45, 24	`rgb(178,45,24)`
RGB Percent	69.8, 17.6, 9.4	`rgb(69.8%,17.6%,9.4%)`
CMYK	0, 75, 87, 30
HSL	8.2°, 76.2, 39.6	`hsl(8.2,76.2%,39.6%)`
HSV (or HSB)	8.2°, 86.5, 69.8
Web Safe	993300	`#993300`

CIE-LAB	40.263, 52.204, 43.871
XYZ	19.464, 11.41, 2.042
xyY	0.591, 0.347, 11.41
CIE-LCH	40.263, 68.191, 40.043
CIE-LUV	40.263, 103.582, 28.068
Hunter-Lab	33.779, 43.744, 20.062
Binary	10110010, 00101101, 00011000

#b22d18
```
#b22d18 rgb(178,45,24)
```
#189db2
```
#189db2 rgb(24,157,178)
```

Complementary Color

#b21850
```
#b21850 rgb(178,24,80)
```
#b22d18
```
#b22d18 rgb(178,45,24)
```
#b27a18
```
#b27a18 rgb(178,122,24)
```

Analogous Color

#1850b2
```
#1850b2 rgb(24,80,178)
```
#b22d18
```
#b22d18 rgb(178,45,24)
```
#18b27a
```
#18b27a rgb(24,178,122)
```

Split Complementary Color

#2d18b2
```
#2d18b2 rgb(45,24,178)
```
#b22d18
```
#b22d18 rgb(178,45,24)
```
#18b22d
```
#18b22d rgb(24,178,45)
```

Triadic Color

#b2189d
```
#b2189d rgb(178,24,157)
```
#b22d18
```
#b22d18 rgb(178,45,24)
```
#18b22d
```
#18b22d rgb(24,178,45)
```
#189db2
```
#189db2 rgb(24,157,178)
```

Tetradic Color

#6f1c0f
```
#6f1c0f rgb(111,28,15)
```
#852212
```
#852212 rgb(133,34,18)
```
#9c2715
```
#9c2715 rgb(156,39,21)
```
#b22d18
```
#b22d18 rgb(178,45,24)
```
#c8331b
```
#c8331b rgb(200,51,27)
```
#df381e
```
#df381e rgb(223,56,30)
```
#e34b33
```
#e34b33 rgb(227,75,51)
```

Monochromatic Color

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

#b21829
```
#b21829 rgb(178,24,41)
```
#b2181d
```
#b2181d rgb(178,24,29)
```
#b22018
```
#b22018 rgb(178,32,24)
```
#b22d18
```
#b22d18 rgb(178,45,24)
```
#b23a18
```
#b23a18 rgb(178,58,24)
```
#b24718
```
#b24718 rgb(178,71,24)
```
#b25418
```
#b25418 rgb(178,84,24)
```

Similar Colors

Text with hexadecimal color #b22d18

This text has a font color of #b22d18.

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

#b22d18 background color

This paragraph has a background color of #b22d18.

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

#b22d18 border color

This element has a border color of #b22d18.

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

CSS codes

.text {color:#b22d18;}

.background {background-color:#b22d18;}

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

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

#050101
```
#050101 rgb(5,1,1)
```
#160603
```
#160603 rgb(22,6,3)
```
#280a05
```
#280a05 rgb(40,10,5)
```
#390e08
```
#390e08 rgb(57,14,8)
```
#4a130a
```
#4a130a rgb(74,19,10)
```
#5c170c
```
#5c170c rgb(92,23,12)
```
#6d1c0f
```
#6d1c0f rgb(109,28,15)
```
#7e2011
```
#7e2011 rgb(126,32,17)
```
#8f2413
```
#8f2413 rgb(143,36,19)
```
#a12916
```
#a12916 rgb(161,41,22)
```
#b22d18
```
#b22d18 rgb(178,45,24)
```
#c3311a
```
#c3311a rgb(195,49,26)
```
#d5361d
```
#d5361d rgb(213,54,29)
```

Shade Color Variation

#e13d23
```
#e13d23 rgb(225,61,35)
```
#e44d35
```
#e44d35 rgb(228,77,53)
```
#e65c46
```
#e65c46 rgb(230,92,70)
```
#e86b57
```
#e86b57 rgb(232,107,87)
```
#eb7a69
```
#eb7a69 rgb(235,122,105)
```
#ed8a7a
```
#ed8a7a rgb(237,138,122)
```
#ef998b
```
#ef998b rgb(239,153,139)
```
#f2a89c
```
#f2a89c rgb(242,168,156)
```
#f4b7ae
```
#f4b7ae rgb(244,183,174)
```
#f6c7bf
```
#f6c7bf rgb(246,199,191)
```
#f9d6d0
```
#f9d6d0 rgb(249,214,208)
```
#fbe5e2
```
#fbe5e2 rgb(251,229,226)
```
#fdf4f3
```
#fdf4f3 rgb(253,244,243)
```

Tint Color Variation

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

#6c605e
```
#6c605e rgb(108,96,94)
```
#745a56
```
#745a56 rgb(116,90,86)
```
#7c554e
```
#7c554e rgb(124,85,78)
```
#834f47
```
#834f47 rgb(131,79,71)
```
#8b493f
```
#8b493f rgb(139,73,63)
```
#934437
```
#934437 rgb(147,68,55)
```
#9b3e2f
```
#9b3e2f rgb(155,62,47)
```
#a23828
```
#a23828 rgb(162,56,40)
```
#aa3320
```
#aa3320 rgb(170,51,32)
```
#b22d18
```
#b22d18 rgb(178,45,24)
```
#ba2710
```
#ba2710 rgb(186,39,16)
```
#c22208
```
#c22208 rgb(194,34,8)
```
#c91c01
```
#c91c01 rgb(201,28,1)
```

Tone Color Variation

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

#72672f Protanopia 1% of men
#806213 Deuteranopia 1% of men
#b63537 Tritanopia 0.001% of the population

Trichromacy

#895227 Protanomaly 1% of men, 0.01% of women
#924e14 Deuteranomaly 6% of men, 0.4% of women
#b4322c Tritanomaly 0.01% of the population

#b22d18 hex color

#b22d18 Color Information

#b22d18 Color Conversion

Color Schemes with #b22d18

Alternatives to #b22d18

#b22d18 Preview

Shades and Tints of #b22d18

Tones of #b22d18

Color Blindness Simulator