#b4224a hex color

In a RGB color space, hex #b4224a is composed of 70.6% red, 13.3% green and 29% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.1% magenta, 58.9% yellow and 29.4% black. It has a hue angle of 343.6 degrees, a saturation of 68.2% and a lightness of 42%. #b4224a color hex could be obtained by blending #ff4494 with #690000. Closest websafe color is: #cc3333.

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

● #b4224a color description : Strong pink.

The hexadecimal color #b4224a has RGB values of R:180, G:34, B:74 and CMYK values of C:0, M:0.81, Y:0.59, K:0.29. Its decimal value is 11805258.

Hex triplet	b4224a	`#b4224a`
RGB Decimal	180, 34, 74	`rgb(180,34,74)`
RGB Percent	70.6, 13.3, 29	`rgb(70.6%,13.3%,29%)`
CMYK	0, 81, 59, 29
HSL	343.6°, 68.2, 42	`hsl(343.6,68.2%,42%)`
HSV (or HSB)	343.6°, 81.1, 70.6
Web Safe	cc3333	`#cc3333`

CIE-LAB	40.154, 58.448, 14.537
XYZ	20.631, 11.344, 7.581
xyY	0.522, 0.287, 11.344
CIE-LCH	40.154, 60.229, 13.967
CIE-LUV	40.154, 98.463, 5.109
Hunter-Lab	33.681, 50.398, 10.231
Binary	10110100, 00100010, 01001010

#b4224a
```
#b4224a rgb(180,34,74)
```
#22b48c
```
#22b48c rgb(34,180,140)
```

Complementary Color

#b42293
```
#b42293 rgb(180,34,147)
```
#b4224a
```
#b4224a rgb(180,34,74)
```
#b44322
```
#b44322 rgb(180,67,34)
```

Analogous Color

#2293b4
```
#2293b4 rgb(34,147,180)
```
#b4224a
```
#b4224a rgb(180,34,74)
```
#22b443
```
#22b443 rgb(34,180,67)
```

Split Complementary Color

#224ab4
```
#224ab4 rgb(34,74,180)
```
#b4224a
```
#b4224a rgb(180,34,74)
```
#4ab422
```
#4ab422 rgb(74,180,34)
```

Triadic Color

#8c22b4
```
#8c22b4 rgb(140,34,180)
```
#b4224a
```
#b4224a rgb(180,34,74)
```
#4ab422
```
#4ab422 rgb(74,180,34)
```
#22b48c
```
#22b48c rgb(34,180,140)
```

Tetradic Color

#741630
```
#741630 rgb(116,22,48)
```
#891a38
```
#891a38 rgb(137,26,56)
```
#9f1e41
```
#9f1e41 rgb(159,30,65)
```
#b4224a
```
#b4224a rgb(180,34,74)
```
#c92653
```
#c92653 rgb(201,38,83)
```
#d8315f
```
#d8315f rgb(216,49,95)
```
#dc466f
```
#dc466f rgb(220,70,111)
```

Monochromatic Color

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

#b4226f
```
#b4226f rgb(180,34,111)
```
#b42262
```
#b42262 rgb(180,34,98)
```
#b42256
```
#b42256 rgb(180,34,86)
```
#b4224a
```
#b4224a rgb(180,34,74)
```
#b4223e
```
#b4223e rgb(180,34,62)
```
#b42232
```
#b42232 rgb(180,34,50)
```
#b42225
```
#b42225 rgb(180,34,37)
```

Similar Colors

Text with hexadecimal color #b4224a

This text has a font color of #b4224a.

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

#b4224a background color

This paragraph has a background color of #b4224a.

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

#b4224a border color

This element has a border color of #b4224a.

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

CSS codes

.text {color:#b4224a;}

.background {background-color:#b4224a;}

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

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

#0f0306
```
#0f0306 rgb(15,3,6)
```
#20060d
```
#20060d rgb(32,6,13)
```
#300914
```
#300914 rgb(48,9,20)
```
#410c1b
```
#410c1b rgb(65,12,27)
```
#510f21
```
#510f21 rgb(81,15,33)
```
#621228
```
#621228 rgb(98,18,40)
```
#72162f
```
#72162f rgb(114,22,47)
```
#831936
```
#831936 rgb(131,25,54)
```
#931c3c
```
#931c3c rgb(147,28,60)
```
#a41f43
```
#a41f43 rgb(164,31,67)
```
#b4224a
```
#b4224a rgb(180,34,74)
```
#c42551
```
#c42551 rgb(196,37,81)
```
#d52858
```
#d52858 rgb(213,40,88)
```

Shade Color Variation

#d93864
```
#d93864 rgb(217,56,100)
```
#dc4871
```
#dc4871 rgb(220,72,113)
```
#e0597e
```
#e0597e rgb(224,89,126)
```
#e3698a
```
#e3698a rgb(227,105,138)
```
#e67a97
```
#e67a97 rgb(230,122,151)
```
#e98aa4
```
#e98aa4 rgb(233,138,164)
```
#ec9bb1
```
#ec9bb1 rgb(236,155,177)
```
#efabbe
```
#efabbe rgb(239,171,190)
```
#f2bccb
```
#f2bccb rgb(242,188,203)
```
#f5ccd7
```
#f5ccd7 rgb(245,204,215)
```
#f8dde4
```
#f8dde4 rgb(248,221,228)
```
#fcedf1
```
#fcedf1 rgb(252,237,241)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#726468
```
#726468 rgb(114,100,104)
```
#7a5c64
```
#7a5c64 rgb(122,92,100)
```
#835360
```
#835360 rgb(131,83,96)
```
#8b4b5d
```
#8b4b5d rgb(139,75,93)
```
#934359
```
#934359 rgb(147,67,89)
```
#9b3b55
```
#9b3b55 rgb(155,59,85)
```
#a43251
```
#a43251 rgb(164,50,81)
```
#ac2a4e
```
#ac2a4e rgb(172,42,78)
```
#b4224a
```
#b4224a rgb(180,34,74)
```
#bc1a46
```
#bc1a46 rgb(188,26,70)
```
#c41243
```
#c41243 rgb(196,18,67)
```
#cd093f
```
#cd093f rgb(205,9,63)
```
#d5013b
```
#d5013b rgb(213,1,59)
```

Tone Color Variation

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

Dichromacy

#67666a Protanopia 1% of men
#79624a Deuteranopia 1% of men
#b63436 Tritanopia 0.001% of the population

Trichromacy

#834d5e Protanomaly 1% of men, 0.01% of women
#8e4b4a Deuteranomaly 6% of men, 0.4% of women
#b52d3d Tritanomaly 0.01% of the population

#b4224a hex color

#b4224a Color Information

#b4224a Color Conversion

Color Schemes with #b4224a

Alternatives to #b4224a

#b4224a Preview

Shades and Tints of #b4224a

Tones of #b4224a

Color Blindness Simulator