#b22230 hex color

In a RGB color space, hex #b22230 is composed of 69.8% red, 13.3% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.9% magenta, 73% yellow and 30.2% black. It has a hue angle of 354.2 degrees, a saturation of 67.9% and a lightness of 41.6%. #b22230 color hex could be obtained by blending #ff4460 with #650000. Closest websafe color is: #993333.

♥
- f
- t
- g
- R 70
- G 13
- B 19
RGB color chart
- C 0
- M 81
- Y 73
- K 30
CMYK color chart

● #b22230 color description : Dark red.

The hexadecimal color #b22230 has RGB values of R:178, G:34, B:48 and CMYK values of C:0, M:0.81, Y:0.73, K:0.3. Its decimal value is 11674160.

Hex triplet	b22230	`#b22230`
RGB Decimal	178, 34, 48	`rgb(178,34,48)`
RGB Percent	69.8, 13.3, 18.8	`rgb(69.8%,13.3%,18.8%)`
CMYK	0, 81, 73, 30
HSL	354.2°, 67.9, 41.6	`hsl(354.2,67.9%,41.6%)`
HSV (or HSB)	354.2°, 80.9, 69.8
Web Safe	993333	`#993333`

CIE-LAB	39.284, 56.435, 29.613
XYZ	19.467, 10.825, 3.861
xyY	0.57, 0.317, 10.825
CIE-LCH	39.284, 63.732, 27.687
CIE-LUV	39.284, 104.556, 18.053
Hunter-Lab	32.901, 48.036, 16.074
Binary	10110010, 00100010, 00110000

#b22230
```
#b22230 rgb(178,34,48)
```
#22b2a4
```
#22b2a4 rgb(34,178,164)
```

Complementary Color

#b22278
```
#b22278 rgb(178,34,120)
```
#b22230
```
#b22230 rgb(178,34,48)
```
#b25c22
```
#b25c22 rgb(178,92,34)
```

Analogous Color

#2278b2
```
#2278b2 rgb(34,120,178)
```
#b22230
```
#b22230 rgb(178,34,48)
```
#22b25c
```
#22b25c rgb(34,178,92)
```

Split Complementary Color

#2230b2
```
#2230b2 rgb(34,48,178)
```
#b22230
```
#b22230 rgb(178,34,48)
```
#30b222
```
#30b222 rgb(48,178,34)
```

Triadic Color

#a422b2
```
#a422b2 rgb(164,34,178)
```
#b22230
```
#b22230 rgb(178,34,48)
```
#30b222
```
#30b222 rgb(48,178,34)
```
#22b2a4
```
#22b2a4 rgb(34,178,164)
```

Tetradic Color

#72161f
```
#72161f rgb(114,22,31)
```
#871a24
```
#871a24 rgb(135,26,36)
```
#9d1e2a
```
#9d1e2a rgb(157,30,42)
```
#b22230
```
#b22230 rgb(178,34,48)
```
#c72636
```
#c72636 rgb(199,38,54)
```
#d73040
```
#d73040 rgb(215,48,64)
```
#db4554
```
#db4554 rgb(219,69,84)
```

Monochromatic Color

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

#b22254
```
#b22254 rgb(178,34,84)
```
#b22248
```
#b22248 rgb(178,34,72)
```
#b2223c
```
#b2223c rgb(178,34,60)
```
#b22230
```
#b22230 rgb(178,34,48)
```
#b22224
```
#b22224 rgb(178,34,36)
```
#b22c22
```
#b22c22 rgb(178,44,34)
```
#b23822
```
#b23822 rgb(178,56,34)
```

Similar Colors

Text with hexadecimal color #b22230

This text has a font color of #b22230.

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

#b22230 background color

This paragraph has a background color of #b22230.

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

#b22230 border color

This element has a border color of #b22230.

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

CSS codes

.text {color:#b22230;}

.background {background-color:#b22230;}

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

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

#0d0304
```
#0d0304 rgb(13,3,4)
```
#1e0608
```
#1e0608 rgb(30,6,8)
```
#2e090c
```
#2e090c rgb(46,9,12)
```
#3f0c11
```
#3f0c11 rgb(63,12,17)
```
#4f0f15
```
#4f0f15 rgb(79,15,21)
```
#60121a
```
#60121a rgb(96,18,26)
```
#70151e
```
#70151e rgb(112,21,30)
```
#811923
```
#811923 rgb(129,25,35)
```
#911c27
```
#911c27 rgb(145,28,39)
```
#a21f2c
```
#a21f2c rgb(162,31,44)
```
#b22230
```
#b22230 rgb(178,34,48)
```
#c22534
```
#c22534 rgb(194,37,52)
```
#d32839
```
#d32839 rgb(211,40,57)
```

Shade Color Variation

#d93646
```
#d93646 rgb(217,54,70)
```
#dc4755
```
#dc4755 rgb(220,71,85)
```
#df5764
```
#df5764 rgb(223,87,100)
```
#e26874
```
#e26874 rgb(226,104,116)
```
#e57883
```
#e57883 rgb(229,120,131)
```
#e88992
```
#e88992 rgb(232,137,146)
```
#ec99a1
```
#ec99a1 rgb(236,153,161)
```
#efa9b0
```
#efa9b0 rgb(239,169,176)
```
#f2babf
```
#f2babf rgb(242,186,191)
```
#f5cacf
```
#f5cacf rgb(245,202,207)
```
#f8dbde
```
#f8dbde rgb(248,219,222)
```
#fbebed
```
#fbebed rgb(251,235,237)
```
#fefcfc
```
#fefcfc rgb(254,252,252)
```

Tint Color Variation

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

#716365
```
#716365 rgb(113,99,101)
```
#795b5e
```
#795b5e rgb(121,91,94)
```
#815357
```
#815357 rgb(129,83,87)
```
#894b51
```
#894b51 rgb(137,75,81)
```
#91434a
```
#91434a rgb(145,67,74)
```
#9a3a44
```
#9a3a44 rgb(154,58,68)
```
#a2323d
```
#a2323d rgb(162,50,61)
```
#aa2a37
```
#aa2a37 rgb(170,42,55)
```
#b22230
```
#b22230 rgb(178,34,48)
```
#ba1a29
```
#ba1a29 rgb(186,26,41)
```
#c21223
```
#c21223 rgb(194,18,35)
```
#ca0a1c
```
#ca0a1c rgb(202,10,28)
```
#d30116
```
#d30116 rgb(211,1,22)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#634649 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c644c Protanopia 1% of men
#7b6030 Deuteranopia 1% of men
#b52f30 Tritanopia 0.001% of the population

Trichromacy

#854c41 Protanomaly 1% of men, 0.01% of women
#8f4930 Deuteranomaly 6% of men, 0.4% of women
#b42a30 Tritanomaly 0.01% of the population

#b22230 hex color

#b22230 Color Information

#b22230 Color Conversion

Color Schemes with #b22230

Alternatives to #b22230

#b22230 Preview

Shades and Tints of #b22230

Tones of #b22230

Color Blindness Simulator