#b22325 hex color

In a RGB color space, hex #b22325 is composed of 69.8% red, 13.7% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.3% magenta, 79.2% yellow and 30.2% black. It has a hue angle of 359.2 degrees, a saturation of 67.1% and a lightness of 41.8%. #b22325 color hex could be obtained by blending #ff464a with #650000. Closest websafe color is: #993333.

♥
- f
- t
- g
- R 70
- G 14
- B 15
RGB color chart
- C 0
- M 80
- Y 79
- K 30
CMYK color chart

● #b22325 color description : Dark red.

The hexadecimal color #b22325 has RGB values of R:178, G:35, B:37 and CMYK values of C:0, M:0.8, Y:0.79, K:0.3. Its decimal value is 11674405.

Hex triplet	b22325	`#b22325`
RGB Decimal	178, 35, 37	`rgb(178,35,37)`
RGB Percent	69.8, 13.7, 14.5	`rgb(69.8%,13.7%,14.5%)`
CMYK	0, 80, 79, 30
HSL	359.2°, 67.1, 41.8	`hsl(359.2,67.1%,41.8%)`
HSV (or HSB)	359.2°, 80.3, 69.8
Web Safe	993333	`#993333`

CIE-LAB	39.247, 55.732, 36.084
XYZ	19.296, 10.803, 2.819
xyY	0.586, 0.328, 10.803
CIE-LCH	39.247, 66.393, 32.921
CIE-LUV	39.247, 106.542, 22.412
Hunter-Lab	32.868, 47.274, 17.922
Binary	10110010, 00100011, 00100101

#b22325
```
#b22325 rgb(178,35,37)
```
#23b2b0
```
#23b2b0 rgb(35,178,176)
```

Complementary Color

#b2236d
```
#b2236d rgb(178,35,109)
```
#b22325
```
#b22325 rgb(178,35,37)
```
#b26923
```
#b26923 rgb(178,105,35)
```

Analogous Color

#236db2
```
#236db2 rgb(35,109,178)
```
#b22325
```
#b22325 rgb(178,35,37)
```
#23b269
```
#23b269 rgb(35,178,105)
```

Split Complementary Color

#2325b2
```
#2325b2 rgb(35,37,178)
```
#b22325
```
#b22325 rgb(178,35,37)
```
#25b223
```
#25b223 rgb(37,178,35)
```

Triadic Color

#b023b2
```
#b023b2 rgb(176,35,178)
```
#b22325
```
#b22325 rgb(178,35,37)
```
#25b223
```
#25b223 rgb(37,178,35)
```
#23b2b0
```
#23b2b0 rgb(35,178,176)
```

Tetradic Color

#721618
```
#721618 rgb(114,22,24)
```
#871b1c
```
#871b1c rgb(135,27,28)
```
#9d1f21
```
#9d1f21 rgb(157,31,33)
```
#b22325
```
#b22325 rgb(178,35,37)
```
#c72729
```
#c72729 rgb(199,39,41)
```
#d73134
```
#d73134 rgb(215,49,52)
```
#db4749
```
#db4749 rgb(219,71,73)
```

Monochromatic Color

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

#b22349
```
#b22349 rgb(178,35,73)
```
#b2233d
```
#b2233d rgb(178,35,61)
```
#b22331
```
#b22331 rgb(178,35,49)
```
#b22325
```
#b22325 rgb(178,35,37)
```
#b22d23
```
#b22d23 rgb(178,45,35)
```
#b23923
```
#b23923 rgb(178,57,35)
```
#b24523
```
#b24523 rgb(178,69,35)
```

Similar Colors

Text with hexadecimal color #b22325

This text has a font color of #b22325.

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

#b22325 background color

This paragraph has a background color of #b22325.

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

#b22325 border color

This element has a border color of #b22325.

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

CSS codes

.text {color:#b22325;}

.background {background-color:#b22325;}

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

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

#0e0303
```
#0e0303 rgb(14,3,3)
```
#1e0606
```
#1e0606 rgb(30,6,6)
```
#2f090a
```
#2f090a rgb(47,9,10)
```
#3f0c0d
```
#3f0c0d rgb(63,12,13)
```
#501011
```
#501011 rgb(80,16,17)
```
#601314
```
#601314 rgb(96,19,20)
```
#701617
```
#701617 rgb(112,22,23)
```
#81191b
```
#81191b rgb(129,25,27)
```
#911d1e
```
#911d1e rgb(145,29,30)
```
#a22022
```
#a22022 rgb(162,32,34)
```
#b22325
```
#b22325 rgb(178,35,37)
```
#c22628
```
#c22628 rgb(194,38,40)
```
#d3292c
```
#d3292c rgb(211,41,44)
```

Shade Color Variation

#d8383a
```
#d8383a rgb(216,56,58)
```
#db484a
```
#db484a rgb(219,72,74)
```
#de595b
```
#de595b rgb(222,89,91)
```
#e2696b
```
#e2696b rgb(226,105,107)
```
#e57a7b
```
#e57a7b rgb(229,122,123)
```
#e88a8b
```
#e88a8b rgb(232,138,139)
```
#eb9a9b
```
#eb9a9b rgb(235,154,155)
```
#eeabac
```
#eeabac rgb(238,171,172)
```
#f2bbbc
```
#f2bbbc rgb(242,187,188)
```
#f5cccc
```
#f5cccc rgb(245,204,204)
```
#f8dcdc
```
#f8dcdc rgb(248,220,220)
```
#fbeced
```
#fbeced rgb(251,236,237)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#706565
```
#706565 rgb(112,101,101)
```
#795c5d
```
#795c5d rgb(121,92,93)
```
#815455
```
#815455 rgb(129,84,85)
```
#894c4d
```
#894c4d rgb(137,76,77)
```
#914445
```
#914445 rgb(145,68,69)
```
#993c3d
```
#993c3d rgb(153,60,61)
```
#a23335
```
#a23335 rgb(162,51,53)
```
#aa2b2d
```
#aa2b2d rgb(170,43,45)
```
#b22325
```
#b22325 rgb(178,35,37)
```
#ba1b1d
```
#ba1b1d rgb(186,27,29)
```
#c21315
```
#c21315 rgb(194,19,21)
```
#cb0a0d
```
#cb0a0d rgb(203,10,13)
```
#d30205
```
#d30205 rgb(211,2,5)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#624546 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d643f Protanopia 1% of men
#7d6024 Deuteranopia 1% of men
#b52e2f Tritanopia 0.001% of the population

Trichromacy

#864c35 Protanomaly 1% of men, 0.01% of women
#904924 Deuteranomaly 6% of men, 0.4% of women
#b42a2b Tritanomaly 0.01% of the population

#b22325 hex color

#b22325 Color Information

#b22325 Color Conversion

Color Schemes with #b22325

Alternatives to #b22325

#b22325 Preview

Shades and Tints of #b22325

Tones of #b22325

Color Blindness Simulator