#b22d40 hex color

In a RGB color space, hex #b22d40 is composed of 69.8% red, 17.6% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.7% magenta, 64% yellow and 30.2% black. It has a hue angle of 351.4 degrees, a saturation of 59.6% and a lightness of 43.7%. #b22d40 color hex could be obtained by blending #ff5a80 with #650000. Closest websafe color is: #993333.

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

● #b22d40 color description : Dark red.

The hexadecimal color #b22d40 has RGB values of R:178, G:45, B:64 and CMYK values of C:0, M:0.75, Y:0.64, K:0.3. Its decimal value is 11676992.

Hex triplet	b22d40	`#b22d40`
RGB Decimal	178, 45, 64	`rgb(178,45,64)`
RGB Percent	69.8, 17.6, 25.1	`rgb(69.8%,17.6%,25.1%)`
CMYK	0, 75, 64, 30
HSL	351.4°, 59.6, 43.7	`hsl(351.4,59.6%,43.7%)`
HSV (or HSB)	351.4°, 74.7, 69.8
Web Safe	993333	`#993333`

CIE-LAB	40.758, 53.857, 21.556
XYZ	20.225, 11.714, 6.046
xyY	0.532, 0.308, 11.714
CIE-LCH	40.758, 58.011, 21.814
CIE-LUV	40.758, 95.404, 12.791
Hunter-Lab	34.226, 45.583, 13.484
Binary	10110010, 00101101, 01000000

#b22d40
```
#b22d40 rgb(178,45,64)
```
#2db29f
```
#2db29f rgb(45,178,159)
```

Complementary Color

#b22d83
```
#b22d83 rgb(178,45,131)
```
#b22d40
```
#b22d40 rgb(178,45,64)
```
#b25d2d
```
#b25d2d rgb(178,93,45)
```

Analogous Color

#2d83b2
```
#2d83b2 rgb(45,131,178)
```
#b22d40
```
#b22d40 rgb(178,45,64)
```
#2db25d
```
#2db25d rgb(45,178,93)
```

Split Complementary Color

#2d40b2
```
#2d40b2 rgb(45,64,178)
```
#b22d40
```
#b22d40 rgb(178,45,64)
```
#40b22d
```
#40b22d rgb(64,178,45)
```

Triadic Color

#9f2db2
```
#9f2db2 rgb(159,45,178)
```
#b22d40
```
#b22d40 rgb(178,45,64)
```
#40b22d
```
#40b22d rgb(64,178,45)
```
#2db29f
```
#2db29f rgb(45,178,159)
```

Tetradic Color

#751e2a
```
#751e2a rgb(117,30,42)
```
#892331
```
#892331 rgb(137,35,49)
```
#9e2839
```
#9e2839 rgb(158,40,57)
```
#b22d40
```
#b22d40 rgb(178,45,64)
```
#c63247
```
#c63247 rgb(198,50,71)
```
#cf4357
```
#cf4357 rgb(207,67,87)
```
#d55769
```
#d55769 rgb(213,87,105)
```

Monochromatic Color

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

#b22d61
```
#b22d61 rgb(178,45,97)
```
#b22d56
```
#b22d56 rgb(178,45,86)
```
#b22d4b
```
#b22d4b rgb(178,45,75)
```
#b22d40
```
#b22d40 rgb(178,45,64)
```
#b22d35
```
#b22d35 rgb(178,45,53)
```
#b2302d
```
#b2302d rgb(178,48,45)
```
#b23b2d
```
#b23b2d rgb(178,59,45)
```

Similar Colors

Text with hexadecimal color #b22d40

This text has a font color of #b22d40.

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

#b22d40 background color

This paragraph has a background color of #b22d40.

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

#b22d40 border color

This element has a border color of #b22d40.

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

CSS codes

.text {color:#b22d40;}

.background {background-color:#b22d40;}

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

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

#060102
```
#060102 rgb(6,1,2)
```
#150508
```
#150508 rgb(21,5,8)
```
#25090d
```
#25090d rgb(37,9,13)
```
#350d13
```
#350d13 rgb(53,13,19)
```
#441119
```
#441119 rgb(68,17,25)
```
#54151e
```
#54151e rgb(84,21,30)
```
#641924
```
#641924 rgb(100,25,36)
```
#731d29
```
#731d29 rgb(115,29,41)
```
#83212f
```
#83212f rgb(131,33,47)
```
#932535
```
#932535 rgb(147,37,53)
```
#a2293a
```
#a2293a rgb(162,41,58)
```
#b22d40
```
#b22d40 rgb(178,45,64)
```
#c23146
```
#c23146 rgb(194,49,70)
```

Shade Color Variation

#cd394e
```
#cd394e rgb(205,57,78)
```
#d1495c
```
#d1495c rgb(209,73,92)
```
#d5596a
```
#d5596a rgb(213,89,106)
```
#d96878
```
#d96878 rgb(217,104,120)
```
#dd7886
```
#dd7886 rgb(221,120,134)
```
#e18894
```
#e18894 rgb(225,136,148)
```
#e597a2
```
#e597a2 rgb(229,151,162)
```
#e9a7b0
```
#e9a7b0 rgb(233,167,176)
```
#edb6be
```
#edb6be rgb(237,182,190)
```
#f1c6cc
```
#f1c6cc rgb(241,198,204)
```
#f5d6da
```
#f5d6da rgb(245,214,218)
```
#f9e5e8
```
#f9e5e8 rgb(249,229,232)
```
#fdf5f6
```
#fdf5f6 rgb(253,245,246)
```

Tint Color Variation

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

#76696b
```
#76696b rgb(118,105,107)
```
#7f6065
```
#7f6065 rgb(127,96,101)
```
#87585f
```
#87585f rgb(135,88,95)
```
#904f59
```
#904f59 rgb(144,79,89)
```
#984752
```
#984752 rgb(152,71,82)
```
#a13e4c
```
#a13e4c rgb(161,62,76)
```
#a93646
```
#a93646 rgb(169,54,70)
```
#b22d40
```
#b22d40 rgb(178,45,64)
```
#bb243a
```
#bb243a rgb(187,36,58)
```
#c31c34
```
#c31c34 rgb(195,28,52)
```
#cc132e
```
#cc132e rgb(204,19,46)
```
#d40b27
```
#d40b27 rgb(212,11,39)
```
#dd0221
```
#dd0221 rgb(221,2,33)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#694f52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d685c Protanopia 1% of men
#7d6341 Deuteranopia 1% of men
#b53a3c Tritanopia 0.001% of the population

Trichromacy

#865251 Protanomaly 1% of men, 0.01% of women
#904f40 Deuteranomaly 6% of men, 0.4% of women
#b4353e Tritanomaly 0.01% of the population

#b22d40 hex color

#b22d40 Color Information

#b22d40 Color Conversion

Color Schemes with #b22d40

Alternatives to #b22d40

#b22d40 Preview

Shades and Tints of #b22d40

Tones of #b22d40

Color Blindness Simulator