#b8223f hex color

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

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

● #b8223f color description : Strong red.

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

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

CIE-LAB	40.729, 58.886, 22.376
XYZ	21.237, 11.696, 5.842
xyY	0.548, 0.302, 11.696
CIE-LCH	40.729, 62.994, 20.806
CIE-LUV	40.729, 105.232, 12.223
Hunter-Lab	34.199, 50.998, 13.812
Binary	10111000, 00100010, 00111111

#b8223f
```
#b8223f rgb(184,34,63)
```
#22b89b
```
#22b89b rgb(34,184,155)
```

Complementary Color

#b8228a
```
#b8228a rgb(184,34,138)
```
#b8223f
```
#b8223f rgb(184,34,63)
```
#b85022
```
#b85022 rgb(184,80,34)
```

Analogous Color

#228ab8
```
#228ab8 rgb(34,138,184)
```
#b8223f
```
#b8223f rgb(184,34,63)
```
#22b850
```
#22b850 rgb(34,184,80)
```

Split Complementary Color

#223fb8
```
#223fb8 rgb(34,63,184)
```
#b8223f
```
#b8223f rgb(184,34,63)
```
#3fb822
```
#3fb822 rgb(63,184,34)
```

Triadic Color

#9b22b8
```
#9b22b8 rgb(155,34,184)
```
#b8223f
```
#b8223f rgb(184,34,63)
```
#3fb822
```
#3fb822 rgb(63,184,34)
```
#22b89b
```
#22b89b rgb(34,184,155)
```

Tetradic Color

#771629
```
#771629 rgb(119,22,41)
```
#8d1a30
```
#8d1a30 rgb(141,26,48)
```
#a21e38
```
#a21e38 rgb(162,30,56)
```
#b8223f
```
#b8223f rgb(184,34,63)
```
#ce2646
```
#ce2646 rgb(206,38,70)
```
#d93454
```
#d93454 rgb(217,52,84)
```
#dd4966
```
#dd4966 rgb(221,73,102)
```

Monochromatic Color

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

#b82265
```
#b82265 rgb(184,34,101)
```
#b82258
```
#b82258 rgb(184,34,88)
```
#b8224b
```
#b8224b rgb(184,34,75)
```
#b8223f
```
#b8223f rgb(184,34,63)
```
#b82232
```
#b82232 rgb(184,34,50)
```
#b82226
```
#b82226 rgb(184,34,38)
```
#b82b22
```
#b82b22 rgb(184,43,34)
```

Similar Colors

Text with hexadecimal color #b8223f

This text has a font color of #b8223f.

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

#b8223f background color

This paragraph has a background color of #b8223f.

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

#b8223f border color

This element has a border color of #b8223f.

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

CSS codes

.text {color:#b8223f;}

.background {background-color:#b8223f;}

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

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)
```
#340a12
```
#340a12 rgb(52,10,18)
```
#440d17
```
#440d17 rgb(68,13,23)
```
#55101d
```
#55101d rgb(85,16,29)
```
#651323
```
#651323 rgb(101,19,35)
```
#761628
```
#761628 rgb(118,22,40)
```
#86192e
```
#86192e rgb(134,25,46)
```
#971c34
```
#971c34 rgb(151,28,52)
```
#a71f39
```
#a71f39 rgb(167,31,57)
```
#b8223f
```
#b8223f rgb(184,34,63)
```
#c92545
```
#c92545 rgb(201,37,69)
```

Shade Color Variation

#d82a4b
```
#d82a4b rgb(216,42,75)
```
#db3a59
```
#db3a59 rgb(219,58,89)
```
#de4b67
```
#de4b67 rgb(222,75,103)
```
#e15b75
```
#e15b75 rgb(225,91,117)
```
#e46c83
```
#e46c83 rgb(228,108,131)
```
#e77c91
```
#e77c91 rgb(231,124,145)
```
#ea8d9f
```
#ea8d9f rgb(234,141,159)
```
#ed9ead
```
#ed9ead rgb(237,158,173)
```
#f0aebb
```
#f0aebb rgb(240,174,187)
```
#f3bfc9
```
#f3bfc9 rgb(243,191,201)
```
#f6cfd7
```
#f6cfd7 rgb(246,207,215)
```
#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 #da002a is the most saturated one.

#756568
```
#756568 rgb(117,101,104)
```
#7d5d63
```
#7d5d63 rgb(125,93,99)
```
#86545e
```
#86545e rgb(134,84,94)
```
#8e4c59
```
#8e4c59 rgb(142,76,89)
```
#964454
```
#964454 rgb(150,68,84)
```
#9f3b4e
```
#9f3b4e rgb(159,59,78)
```
#a73349
```
#a73349 rgb(167,51,73)
```
#b02a44
```
#b02a44 rgb(176,42,68)
```
#b8223f
```
#b8223f rgb(184,34,63)
```
#c01a3a
```
#c01a3a rgb(192,26,58)
```
#c91135
```
#c91135 rgb(201,17,53)
```
#d10930
```
#d10930 rgb(209,9,48)
```
#da002a
```
#da002a rgb(218,0,42)
```

Tone Color Variation

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

#6c675e Protanopia 1% of men
#7d633f Deuteranopia 1% of men
#ba3233 Tritanopia 0.001% of the population

Trichromacy

#874e52 Protanomaly 1% of men, 0.01% of women
#924b3f Deuteranomaly 6% of men, 0.4% of women
#b92c37 Tritanomaly 0.01% of the population

#b8223f hex color

#b8223f Color Information

#b8223f Color Conversion

Color Schemes with #b8223f

Alternatives to #b8223f

#b8223f Preview

Shades and Tints of #b8223f

Tones of #b8223f

Color Blindness Simulator