#b22d3d hex color

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

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

● #b22d3d color description : Dark red.

The hexadecimal color #b22d3d has RGB values of R:178, G:45, B:61 and CMYK values of C:0, M:0.75, Y:0.66, K:0.3. Its decimal value is 11676989.

Hex triplet	b22d3d	`#b22d3d`
RGB Decimal	178, 45, 61	`rgb(178,45,61)`
RGB Percent	69.8, 17.6, 23.9	`rgb(69.8%,17.6%,23.9%)`
CMYK	0, 75, 66, 30
HSL	352.8°, 59.6, 43.7	`hsl(352.8,59.6%,43.7%)`
HSV (or HSB)	352.8°, 74.7, 69.8
Web Safe	993333	`#993333`

CIE-LAB	40.705, 53.679, 23.351
XYZ	20.142, 11.681, 5.609
xyY	0.538, 0.312, 11.681
CIE-LCH	40.705, 58.538, 23.509
CIE-LUV	40.705, 96.235, 14.355
Hunter-Lab	34.177, 45.384, 14.194
Binary	10110010, 00101101, 00111101

#b22d3d
```
#b22d3d rgb(178,45,61)
```
#2db2a2
```
#2db2a2 rgb(45,178,162)
```

Complementary Color

#b22d80
```
#b22d80 rgb(178,45,128)
```
#b22d3d
```
#b22d3d rgb(178,45,61)
```
#b2602d
```
#b2602d rgb(178,96,45)
```

Analogous Color

#2d80b2
```
#2d80b2 rgb(45,128,178)
```
#b22d3d
```
#b22d3d rgb(178,45,61)
```
#2db260
```
#2db260 rgb(45,178,96)
```

Split Complementary Color

#2d3db2
```
#2d3db2 rgb(45,61,178)
```
#b22d3d
```
#b22d3d rgb(178,45,61)
```
#3db22d
```
#3db22d rgb(61,178,45)
```

Triadic Color

#a22db2
```
#a22db2 rgb(162,45,178)
```
#b22d3d
```
#b22d3d rgb(178,45,61)
```
#3db22d
```
#3db22d rgb(61,178,45)
```
#2db2a2
```
#2db2a2 rgb(45,178,162)
```

Tetradic Color

#751e28
```
#751e28 rgb(117,30,40)
```
#89232f
```
#89232f rgb(137,35,47)
```
#9e2836
```
#9e2836 rgb(158,40,54)
```
#b22d3d
```
#b22d3d rgb(178,45,61)
```
#c63244
```
#c63244 rgb(198,50,68)
```
#cf4354
```
#cf4354 rgb(207,67,84)
```
#d55766
```
#d55766 rgb(213,87,102)
```

Monochromatic Color

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

#b22d5e
```
#b22d5e rgb(178,45,94)
```
#b22d53
```
#b22d53 rgb(178,45,83)
```
#b22d48
```
#b22d48 rgb(178,45,72)
```
#b22d3d
```
#b22d3d rgb(178,45,61)
```
#b22d32
```
#b22d32 rgb(178,45,50)
```
#b2332d
```
#b2332d rgb(178,51,45)
```
#b23e2d
```
#b23e2d rgb(178,62,45)
```

Similar Colors

Text with hexadecimal color #b22d3d

This text has a font color of #b22d3d.

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

#b22d3d background color

This paragraph has a background color of #b22d3d.

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

#b22d3d border color

This element has a border color of #b22d3d.

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

CSS codes

.text {color:#b22d3d;}

.background {background-color:#b22d3d;}

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

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)
```
#150507
```
#150507 rgb(21,5,7)
```
#25090d
```
#25090d rgb(37,9,13)
```
#350d12
```
#350d12 rgb(53,13,18)
```
#441117
```
#441117 rgb(68,17,23)
```
#54151d
```
#54151d rgb(84,21,29)
```
#641922
```
#641922 rgb(100,25,34)
```
#731d28
```
#731d28 rgb(115,29,40)
```
#83212d
```
#83212d rgb(131,33,45)
```
#932532
```
#932532 rgb(147,37,50)
```
#a22938
```
#a22938 rgb(162,41,56)
```
#b22d3d
```
#b22d3d rgb(178,45,61)
```
#c23142
```
#c23142 rgb(194,49,66)
```

Shade Color Variation

#cd394b
```
#cd394b rgb(205,57,75)
```
#d14959
```
#d14959 rgb(209,73,89)
```
#d55968
```
#d55968 rgb(213,89,104)
```
#d96876
```
#d96876 rgb(217,104,118)
```
#dd7884
```
#dd7884 rgb(221,120,132)
```
#e18892
```
#e18892 rgb(225,136,146)
```
#e597a1
```
#e597a1 rgb(229,151,161)
```
#e9a7af
```
#e9a7af rgb(233,167,175)
```
#edb6bd
```
#edb6bd rgb(237,182,189)
```
#f1c6cb
```
#f1c6cb rgb(241,198,203)
```
#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 #dd021c is the most saturated one.

#76696b
```
#76696b rgb(118,105,107)
```
#7f6064
```
#7f6064 rgb(127,96,100)
```
#87585e
```
#87585e rgb(135,88,94)
```
#904f57
```
#904f57 rgb(144,79,87)
```
#984751
```
#984751 rgb(152,71,81)
```
#a13e4a
```
#a13e4a rgb(161,62,74)
```
#a93644
```
#a93644 rgb(169,54,68)
```
#b22d3d
```
#b22d3d rgb(178,45,61)
```
#bb2436
```
#bb2436 rgb(187,36,54)
```
#c31c30
```
#c31c30 rgb(195,28,48)
```
#cc1329
```
#cc1329 rgb(204,19,41)
```
#d40b23
```
#d40b23 rgb(212,11,35)
```
#dd021c
```
#dd021c rgb(221,2,28)
```

Tone Color Variation

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

#6d6758 Protanopia 1% of men
#7d633e Deuteranopia 1% of men
#b5393c Tritanopia 0.001% of the population

Trichromacy

#86524e Protanomaly 1% of men, 0.01% of women
#904f3d Deuteranomaly 6% of men, 0.4% of women
#b4353c Tritanomaly 0.01% of the population

#b22d3d hex color

#b22d3d Color Information

#b22d3d Color Conversion

Color Schemes with #b22d3d

Alternatives to #b22d3d

#b22d3d Preview

Shades and Tints of #b22d3d

Tones of #b22d3d

Color Blindness Simulator