#b5222d hex color

In a RGB color space, hex #b5222d is composed of 71% red, 13.3% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.2% magenta, 75.1% yellow and 29% black. It has a hue angle of 355.5 degrees, a saturation of 68.4% and a lightness of 42.2%. #b5222d color hex could be obtained by blending #ff445a with #6b0000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 71
- G 13
- B 18
RGB color chart
- C 0
- M 81
- Y 75
- K 29
CMYK color chart

● #b5222d color description : Strong red.

The hexadecimal color #b5222d has RGB values of R:181, G:34, B:45 and CMYK values of C:0, M:0.81, Y:0.75, K:0.29. Its decimal value is 11870765.

Hex triplet	b5222d	`#b5222d`
RGB Decimal	181, 34, 45	`rgb(181,34,45)`
RGB Percent	71, 13.3, 17.6	`rgb(71%,13.3%,17.6%)`
CMYK	0, 81, 75, 29
HSL	355.5°, 68.4, 42.2	`hsl(355.5,68.4%,42.2%)`
HSV (or HSB)	355.5°, 81.2, 71
Web Safe	cc3333	`#cc3333`

CIE-LAB	39.848, 57.178, 32.229
XYZ	20.103, 11.16, 3.578
xyY	0.577, 0.32, 11.16
CIE-LCH	39.848, 65.636, 29.408
CIE-LUV	39.848, 107.645, 19.855
Hunter-Lab	33.406, 48.954, 17.034
Binary	10110101, 00100010, 00101101

#b5222d
```
#b5222d rgb(181,34,45)
```
#22b5aa
```
#22b5aa rgb(34,181,170)
```

Complementary Color

#b52277
```
#b52277 rgb(181,34,119)
```
#b5222d
```
#b5222d rgb(181,34,45)
```
#b56122
```
#b56122 rgb(181,97,34)
```

Analogous Color

#2277b5
```
#2277b5 rgb(34,119,181)
```
#b5222d
```
#b5222d rgb(181,34,45)
```
#22b561
```
#22b561 rgb(34,181,97)
```

Split Complementary Color

#222db5
```
#222db5 rgb(34,45,181)
```
#b5222d
```
#b5222d rgb(181,34,45)
```
#2db522
```
#2db522 rgb(45,181,34)
```

Triadic Color

#aa22b5
```
#aa22b5 rgb(170,34,181)
```
#b5222d
```
#b5222d rgb(181,34,45)
```
#2db522
```
#2db522 rgb(45,181,34)
```
#22b5aa
```
#22b5aa rgb(34,181,170)
```

Tetradic Color

#75161d
```
#75161d rgb(117,22,29)
```
#8a1a22
```
#8a1a22 rgb(138,26,34)
```
#a01e28
```
#a01e28 rgb(160,30,40)
```
#b5222d
```
#b5222d rgb(181,34,45)
```
#ca2632
```
#ca2632 rgb(202,38,50)
```
#d8323e
```
#d8323e rgb(216,50,62)
```
#dc4752
```
#dc4752 rgb(220,71,82)
```

Monochromatic Color

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

#b52252
```
#b52252 rgb(181,34,82)
```
#b52246
```
#b52246 rgb(181,34,70)
```
#b52239
```
#b52239 rgb(181,34,57)
```
#b5222d
```
#b5222d rgb(181,34,45)
```
#b52322
```
#b52322 rgb(181,35,34)
```
#b53022
```
#b53022 rgb(181,48,34)
```
#b53c22
```
#b53c22 rgb(181,60,34)
```

Similar Colors

Text with hexadecimal color #b5222d

This text has a font color of #b5222d.

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

#b5222d background color

This paragraph has a background color of #b5222d.

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

#b5222d border color

This element has a border color of #b5222d.

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

CSS codes

.text {color:#b5222d;}

.background {background-color:#b5222d;}

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

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

#100304
```
#100304 rgb(16,3,4)
```
#200608
```
#200608 rgb(32,6,8)
```
#31090c
```
#31090c rgb(49,9,12)
```
#410c10
```
#410c10 rgb(65,12,16)
```
#520f14
```
#520f14 rgb(82,15,20)
```
#621218
```
#621218 rgb(98,18,24)
```
#73161d
```
#73161d rgb(115,22,29)
```
#831921
```
#831921 rgb(131,25,33)
```
#941c25
```
#941c25 rgb(148,28,37)
```
#a41f29
```
#a41f29 rgb(164,31,41)
```
#b5222d
```
#b5222d rgb(181,34,45)
```
#c62531
```
#c62531 rgb(198,37,49)
```
#d62835
```
#d62835 rgb(214,40,53)
```

Shade Color Variation

#da3844
```
#da3844 rgb(218,56,68)
```
#dd4954
```
#dd4954 rgb(221,73,84)
```
#e05963
```
#e05963 rgb(224,89,99)
```
#e36a73
```
#e36a73 rgb(227,106,115)
```
#e67a82
```
#e67a82 rgb(230,122,130)
```
#e98b92
```
#e98b92 rgb(233,139,146)
```
#ec9ba1
```
#ec9ba1 rgb(236,155,161)
```
#efacb1
```
#efacb1 rgb(239,172,177)
```
#f2bcc0
```
#f2bcc0 rgb(242,188,192)
```
#f6cdd0
```
#f6cdd0 rgb(246,205,208)
```
#f9dddf
```
#f9dddf rgb(249,221,223)
```
#fceeef
```
#fceeef rgb(252,238,239)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#736465
```
#736465 rgb(115,100,101)
```
#7b5c5e
```
#7b5c5e rgb(123,92,94)
```
#835457
```
#835457 rgb(131,84,87)
```
#8c4b50
```
#8c4b50 rgb(140,75,80)
```
#944349
```
#944349 rgb(148,67,73)
```
#9c3b42
```
#9c3b42 rgb(156,59,66)
```
#a4333b
```
#a4333b rgb(164,51,59)
```
#ad2a34
```
#ad2a34 rgb(173,42,52)
```
#b5222d
```
#b5222d rgb(181,34,45)
```
#bd1a26
```
#bd1a26 rgb(189,26,38)
```
#c6111f
```
#c6111f rgb(198,17,31)
```
#ce0918
```
#ce0918 rgb(206,9,24)
```
#d60111
```
#d60111 rgb(214,1,17)
```

Tone Color Variation

Below, you can see how #b5222d 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
#634648 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e6648 Protanopia 1% of men
#7d612d Deuteranopia 1% of men
#b82e2f Tritanopia 0.001% of the population

Trichromacy

#874d3e Protanomaly 1% of men, 0.01% of women
#914a2d Deuteranomaly 6% of men, 0.4% of women
#b72a2e Tritanomaly 0.01% of the population

#b5222d hex color

#b5222d Color Information

#b5222d Color Conversion

Color Schemes with #b5222d

Alternatives to #b5222d

#b5222d Preview

Shades and Tints of #b5222d

Tones of #b5222d

Color Blindness Simulator