#b8223e hex color

In a RGB color space, hex #b8223e is composed of 72.2% red, 13.3% green and 24.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.5% magenta, 66.3% yellow and 27.8% black. It has a hue angle of 348.8 degrees, a saturation of 68.8% and a lightness of 42.7%. #b8223e color hex could be obtained by blending #ff447c with #710000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 72
- G 13
- B 24
RGB color chart
- C 0
- M 82
- Y 66
- K 28
CMYK color chart

● #b8223e color description : Strong red.

The hexadecimal color #b8223e has RGB values of R:184, G:34, B:62 and CMYK values of C:0, M:0.82, Y:0.66, K:0.28. Its decimal value is 12067390.

Hex triplet	b8223e	`#b8223e`
RGB Decimal	184, 34, 62	`rgb(184,34,62)`
RGB Percent	72.2, 13.3, 24.3	`rgb(72.2%,13.3%,24.3%)`
CMYK	0, 82, 66, 28
HSL	348.8°, 68.8, 42.7	`hsl(348.8,68.8%,42.7%)`
HSV (or HSB)	348.8°, 81.5, 72.2
Web Safe	cc3333	`#cc3333`

CIE-LAB	40.711, 58.831, 22.978
XYZ	21.21, 11.685, 5.696
xyY	0.55, 0.303, 11.685
CIE-LCH	40.711, 63.16, 21.334
CIE-LUV	40.711, 105.532, 12.74
Hunter-Lab	34.183, 50.934, 14.049
Binary	10111000, 00100010, 00111110

#b8223e
```
#b8223e rgb(184,34,62)
```
#22b89c
```
#22b89c rgb(34,184,156)
```

Complementary Color

#b82289
```
#b82289 rgb(184,34,137)
```
#b8223e
```
#b8223e rgb(184,34,62)
```
#b85122
```
#b85122 rgb(184,81,34)
```

Analogous Color

#2289b8
```
#2289b8 rgb(34,137,184)
```
#b8223e
```
#b8223e rgb(184,34,62)
```
#22b851
```
#22b851 rgb(34,184,81)
```

Split Complementary Color

#223eb8
```
#223eb8 rgb(34,62,184)
```
#b8223e
```
#b8223e rgb(184,34,62)
```
#3eb822
```
#3eb822 rgb(62,184,34)
```

Triadic Color

#9c22b8
```
#9c22b8 rgb(156,34,184)
```
#b8223e
```
#b8223e rgb(184,34,62)
```
#3eb822
```
#3eb822 rgb(62,184,34)
```
#22b89c
```
#22b89c rgb(34,184,156)
```

Tetradic Color

#771628
```
#771628 rgb(119,22,40)
```
#8d1a2f
```
#8d1a2f rgb(141,26,47)
```
#a21e37
```
#a21e37 rgb(162,30,55)
```
#b8223e
```
#b8223e rgb(184,34,62)
```
#ce2645
```
#ce2645 rgb(206,38,69)
```
#d93453
```
#d93453 rgb(217,52,83)
```
#dd4965
```
#dd4965 rgb(221,73,101)
```

Monochromatic Color

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

#b82264
```
#b82264 rgb(184,34,100)
```
#b82257
```
#b82257 rgb(184,34,87)
```
#b8224a
```
#b8224a rgb(184,34,74)
```
#b8223e
```
#b8223e rgb(184,34,62)
```
#b82231
```
#b82231 rgb(184,34,49)
```
#b82225
```
#b82225 rgb(184,34,37)
```
#b82c22
```
#b82c22 rgb(184,44,34)
```

Similar Colors

Text with hexadecimal color #b8223e

This text has a font color of #b8223e.

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

#b8223e background color

This paragraph has a background color of #b8223e.

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

#b8223e border color

This element has a border color of #b8223e.

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

CSS codes

.text {color:#b8223e;}

.background {background-color:#b8223e;}

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

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

#020001
```
#020001 rgb(2,0,1)
```
#120306
```
#120306 rgb(18,3,6)
```
#23060c
```
#23060c rgb(35,6,12)
```
#340a11
```
#340a11 rgb(52,10,17)
```
#440d17
```
#440d17 rgb(68,13,23)
```
#55101d
```
#55101d rgb(85,16,29)
```
#651322
```
#651322 rgb(101,19,34)
```
#761628
```
#761628 rgb(118,22,40)
```
#86192d
```
#86192d rgb(134,25,45)
```
#971c33
```
#971c33 rgb(151,28,51)
```
#a71f38
```
#a71f38 rgb(167,31,56)
```
#b8223e
```
#b8223e rgb(184,34,62)
```
#c92544
```
#c92544 rgb(201,37,68)
```

Shade Color Variation

#d82a4a
```
#d82a4a rgb(216,42,74)
```
#db3a58
```
#db3a58 rgb(219,58,88)
```
#de4b66
```
#de4b66 rgb(222,75,102)
```
#e15b74
```
#e15b74 rgb(225,91,116)
```
#e46c82
```
#e46c82 rgb(228,108,130)
```
#e77c90
```
#e77c90 rgb(231,124,144)
```
#ea8d9e
```
#ea8d9e rgb(234,141,158)
```
#ed9eac
```
#ed9eac rgb(237,158,172)
```
#f0aeba
```
#f0aeba rgb(240,174,186)
```
#f3bfc8
```
#f3bfc8 rgb(243,191,200)
```
#f6cfd6
```
#f6cfd6 rgb(246,207,214)
```
#f9e0e5
```
#f9e0e5 rgb(249,224,229)
```
#fcf0f3
```
#fcf0f3 rgb(252,240,243)
```

Tint Color Variation

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

#756568
```
#756568 rgb(117,101,104)
```
#7d5d63
```
#7d5d63 rgb(125,93,99)
```
#86545e
```
#86545e rgb(134,84,94)
```
#8e4c58
```
#8e4c58 rgb(142,76,88)
```
#964453
```
#964453 rgb(150,68,83)
```
#9f3b4e
```
#9f3b4e rgb(159,59,78)
```
#a73349
```
#a73349 rgb(167,51,73)
```
#b02a43
```
#b02a43 rgb(176,42,67)
```
#b8223e
```
#b8223e rgb(184,34,62)
```
#c01a39
```
#c01a39 rgb(192,26,57)
```
#c91133
```
#c91133 rgb(201,17,51)
```
#d1092e
```
#d1092e rgb(209,9,46)
```
#da0029
```
#da0029 rgb(218,0,41)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#66484e Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c675c Protanopia 1% of men
#7d633e Deuteranopia 1% of men
#ba3233 Tritanopia 0.001% of the population

Trichromacy

#884e51 Protanomaly 1% of men, 0.01% of women
#934b3e Deuteranomaly 6% of men, 0.4% of women
#b92c37 Tritanomaly 0.01% of the population

#b8223e hex color

#b8223e Color Information

#b8223e Color Conversion

Color Schemes with #b8223e

Alternatives to #b8223e

#b8223e Preview

Shades and Tints of #b8223e

Tones of #b8223e

Color Blindness Simulator