colorhexa.com

#b22128 hex color

In a RGB color space, hex #b22128 is composed of 69.8% red, 12.9% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.5% magenta, 77.5% yellow and 30.2% black. It has a hue angle of 357.1 degrees, a saturation of 68.7% and a lightness of 41.4%. #b22128 color hex could be obtained by blending #ff4250 with #650000. Closest websafe color is: #993333.

- R 70
- G 13
- B 16
RGB color chart
- C 0
- M 81
- Y 78
- K 30
CMYK color chart

● #b22128 color description : Dark red.

The hexadecimal color #b22128 has RGB values of R:178, G:33, B:40 and CMYK values of C:0, M:0.81, Y:0.78, K:0.3. Its decimal value is 11673896.

Hex triplet	b22128	`#b22128`
RGB Decimal	178, 33, 40	`rgb(178,33,40)`
RGB Percent	69.8, 12.9, 15.7	`rgb(69.8%,12.9%,15.7%)`
CMYK	0, 81, 78, 30
HSL	357.1°, 68.7, 41.4	`hsl(357.1,68.7%,41.4%)`
HSV (or HSB)	357.1°, 81.5, 69.8
Web Safe	993333	`#993333`

CIE-LAB	39.085, 56.389, 34.176
XYZ	19.288, 10.708, 3.059
xyY	0.584, 0.324, 10.708
CIE-LCH	39.085, 65.937, 31.219
CIE-LUV	39.085, 106.792, 21.007
Hunter-Lab	32.724, 47.945, 17.365
Binary	10110010, 00100001, 00101000

#b22128
```
#b22128 rgb(178,33,40)
```
#21b2ab
```
#21b2ab rgb(33,178,171)
```

Complementary Color

#b22171
```
#b22171 rgb(178,33,113)
```
#b22128
```
#b22128 rgb(178,33,40)
```
#b26321
```
#b26321 rgb(178,99,33)
```

Analogous Color

#2171b2
```
#2171b2 rgb(33,113,178)
```
#b22128
```
#b22128 rgb(178,33,40)
```
#21b263
```
#21b263 rgb(33,178,99)
```

Split Complementary Color

#2128b2
```
#2128b2 rgb(33,40,178)
```
#b22128
```
#b22128 rgb(178,33,40)
```
#28b221
```
#28b221 rgb(40,178,33)
```

Triadic Color

#ab21b2
```
#ab21b2 rgb(171,33,178)
```
#b22128
```
#b22128 rgb(178,33,40)
```
#28b221
```
#28b221 rgb(40,178,33)
```
#21b2ab
```
#21b2ab rgb(33,178,171)
```

Tetradic Color

#711519
```
#711519 rgb(113,21,25)
```
#87191e
```
#87191e rgb(135,25,30)
```
#9c1d23
```
#9c1d23 rgb(156,29,35)
```
#b22128
```
#b22128 rgb(178,33,40)
```
#c8252d
```
#c8252d rgb(200,37,45)
```
#d82e36
```
#d82e36 rgb(216,46,54)
```
#dc434b
```
#dc434b rgb(220,67,75)
```

Monochromatic Color

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

#b2214c
```
#b2214c rgb(178,33,76)
```
#b22140
```
#b22140 rgb(178,33,64)
```
#b22134
```
#b22134 rgb(178,33,52)
```
#b22128
```
#b22128 rgb(178,33,40)
```
#b22621
```
#b22621 rgb(178,38,33)
```
#b23221
```
#b23221 rgb(178,50,33)
```
#b23e21
```
#b23e21 rgb(178,62,33)
```

Similar Colors

Text with hexadecimal color #b22128

This text has a font color of #b22128.

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

#b22128 background color

This paragraph has a background color of #b22128.

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

#b22128 border color

This element has a border color of #b22128.

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

CSS codes

.text {color:#b22128;}

.background {background-color:#b22128;}

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

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, #0d0203 is the darkest color, while #fefbfb is the lightest one.

#0d0203
```
#0d0203 rgb(13,2,3)
```
#1d0507
```
#1d0507 rgb(29,5,7)
```
#2e080a
```
#2e080a rgb(46,8,10)
```
#3e0c0e
```
#3e0c0e rgb(62,12,14)
```
#4f0f12
```
#4f0f12 rgb(79,15,18)
```
#5f1215
```
#5f1215 rgb(95,18,21)
```
#701519
```
#701519 rgb(112,21,25)
```
#80181d
```
#80181d rgb(128,24,29)
```
#911b21
```
#911b21 rgb(145,27,33)
```
#a11e24
```
#a11e24 rgb(161,30,36)
```
#b22128
```
#b22128 rgb(178,33,40)
```
#c3242c
```
#c3242c rgb(195,36,44)
```
#d3272f
```
#d3272f rgb(211,39,47)
```

Shade Color Variation

#d9343c
```
#d9343c rgb(217,52,60)
```
#dd454c
```
#dd454c rgb(221,69,76)
```
#e0565c
```
#e0565c rgb(224,86,92)
```
#e3666c
```
#e3666c rgb(227,102,108)
```
#e6777c
```
#e6777c rgb(230,119,124)
```
#e9878c
```
#e9878c rgb(233,135,140)
```
#ec989c
```
#ec989c rgb(236,152,156)
```
#efa8ac
```
#efa8ac rgb(239,168,172)
```
#f2b9bc
```
#f2b9bc rgb(242,185,188)
```
#f5c9cb
```
#f5c9cb rgb(245,201,203)
```
#f8dadb
```
#f8dadb rgb(248,218,219)
```
#fbeaeb
```
#fbeaeb rgb(251,234,235)
```
#fefbfb
```
#fefbfb rgb(254,251,251)
```

Tint Color Variation

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

#716263
```
#716263 rgb(113,98,99)
```
#795a5b
```
#795a5b rgb(121,90,91)
```
#815254
```
#815254 rgb(129,82,84)
```
#894a4d
```
#894a4d rgb(137,74,77)
```
#924145
```
#924145 rgb(146,65,69)
```
#9a393e
```
#9a393e rgb(154,57,62)
```
#a23137
```
#a23137 rgb(162,49,55)
```
#aa292f
```
#aa292f rgb(170,41,47)
```
#b22128
```
#b22128 rgb(178,33,40)
```
#ba1921
```
#ba1921 rgb(186,25,33)
```
#c21119
```
#c21119 rgb(194,17,25)
```
#ca0912
```
#ca0912 rgb(202,9,18)
```
#d2010b
```
#d2010b rgb(210,1,11)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#614446 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c6443 Protanopia 1% of men
#7c5f28 Deuteranopia 1% of men
#b52d2e Tritanopia 0.001% of the population

Trichromacy

#864b39 Protanomaly 1% of men, 0.01% of women
#8f4928 Deuteranomaly 6% of men, 0.4% of women
#b4282b Tritanomaly 0.01% of the population