#b22c81 hex color

In a RGB color space, hex #b22c81 is composed of 69.8% red, 17.3% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 75.3% magenta, 27.5% yellow and 30.2% black. It has a hue angle of 321.9 degrees, a saturation of 60.4% and a lightness of 43.5%. #b22c81 color hex could be obtained by blending #ff58ff with #650003. Closest websafe color is: #993399.

♥
- f
- t
- g
- R 70
- G 17
- B 51
RGB color chart
- C 0
- M 75
- Y 28
- K 30
CMYK color chart

● #b22c81 color description : Dark pink.

The hexadecimal color #b22c81 has RGB values of R:178, G:44, B:129 and CMYK values of C:0, M:0.75, Y:0.28, K:0.3. Its decimal value is 11676801.

Hex triplet	b22c81	`#b22c81`
RGB Decimal	178, 44, 129	`rgb(178,44,129)`
RGB Percent	69.8, 17.3, 50.6	`rgb(69.8%,17.3%,50.6%)`
CMYK	0, 75, 28, 30
HSL	321.9°, 60.4, 43.5	`hsl(321.9,60.4%,43.5%)`
HSV (or HSB)	321.9°, 75.3, 69.8
Web Safe	993399	`#993399`

CIE-LAB	42.542, 60.249, -16.471
XYZ	23.223, 12.853, 22.026
xyY	0.4, 0.221, 12.853
CIE-LCH	42.542, 62.46, 344.71
CIE-LUV	42.542, 72.699, -32.225
Hunter-Lab	35.852, 52.886, -11.329
Binary	10110010, 00101100, 10000001

#b22c81
```
#b22c81 rgb(178,44,129)
```
#2cb25d
```
#2cb25d rgb(44,178,93)
```

Complementary Color

#a02cb2
```
#a02cb2 rgb(160,44,178)
```
#b22c81
```
#b22c81 rgb(178,44,129)
```
#b22c3e
```
#b22c3e rgb(178,44,62)
```

Analogous Color

#2cb2a0
```
#2cb2a0 rgb(44,178,160)
```
#b22c81
```
#b22c81 rgb(178,44,129)
```
#3eb22c
```
#3eb22c rgb(62,178,44)
```

Split Complementary Color

#2c81b2
```
#2c81b2 rgb(44,129,178)
```
#b22c81
```
#b22c81 rgb(178,44,129)
```
#81b22c
```
#81b22c rgb(129,178,44)
```

Triadic Color

#5d2cb2
```
#5d2cb2 rgb(93,44,178)
```
#b22c81
```
#b22c81 rgb(178,44,129)
```
#81b22c
```
#81b22c rgb(129,178,44)
```
#2cb25d
```
#2cb25d rgb(44,178,93)
```

Tetradic Color

#751d55
```
#751d55 rgb(117,29,85)
```
#892263
```
#892263 rgb(137,34,99)
```
#9e2772
```
#9e2772 rgb(158,39,114)
```
#b22c81
```
#b22c81 rgb(178,44,129)
```
#c63190
```
#c63190 rgb(198,49,144)
```
#d0419c
```
#d0419c rgb(208,65,156)
```
#d555a6
```
#d555a6 rgb(213,85,166)
```

Monochromatic Color

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

#b22ca3
```
#b22ca3 rgb(178,44,163)
```
#b22c97
```
#b22c97 rgb(178,44,151)
```
#b22c8c
```
#b22c8c rgb(178,44,140)
```
#b22c81
```
#b22c81 rgb(178,44,129)
```
#b22c76
```
#b22c76 rgb(178,44,118)
```
#b22c6b
```
#b22c6b rgb(178,44,107)
```
#b22c60
```
#b22c60 rgb(178,44,96)
```

Similar Colors

Text with hexadecimal color #b22c81

This text has a font color of #b22c81.

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

#b22c81 background color

This paragraph has a background color of #b22c81.

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

#b22c81 border color

This element has a border color of #b22c81.

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

CSS codes

.text {color:#b22c81;}

.background {background-color:#b22c81;}

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

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

#050104
```
#050104 rgb(5,1,4)
```
#15050f
```
#15050f rgb(21,5,15)
```
#24091a
```
#24091a rgb(36,9,26)
```
#340d26
```
#340d26 rgb(52,13,38)
```
#441131
```
#441131 rgb(68,17,49)
```
#54153d
```
#54153d rgb(84,21,61)
```
#631948
```
#631948 rgb(99,25,72)
```
#731c53
```
#731c53 rgb(115,28,83)
```
#83205f
```
#83205f rgb(131,32,95)
```
#93246a
```
#93246a rgb(147,36,106)
```
#a22876
```
#a22876 rgb(162,40,118)
```
#b22c81
```
#b22c81 rgb(178,44,129)
```
#c2308c
```
#c2308c rgb(194,48,140)
```

Shade Color Variation

#ce3897
```
#ce3897 rgb(206,56,151)
```
#d2479f
```
#d2479f rgb(210,71,159)
```
#d557a7
```
#d557a7 rgb(213,87,167)
```
#d967af
```
#d967af rgb(217,103,175)
```
#dd76b8
```
#dd76b8 rgb(221,118,184)
```
#e186c0
```
#e186c0 rgb(225,134,192)
```
#e596c8
```
#e596c8 rgb(229,150,200)
```
#e9a6d0
```
#e9a6d0 rgb(233,166,208)
```
#edb5d9
```
#edb5d9 rgb(237,181,217)
```
#f1c5e1
```
#f1c5e1 rgb(241,197,225)
```
#f5d5e9
```
#f5d5e9 rgb(245,213,233)
```
#f8e5f1
```
#f8e5f1 rgb(248,229,241)
```
#fcf4f9
```
#fcf4f9 rgb(252,244,249)
```

Tint Color Variation

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

#766871
```
#766871 rgb(118,104,113)
```
#7f5f73
```
#7f5f73 rgb(127,95,115)
```
#875776
```
#875776 rgb(135,87,118)
```
#904e78
```
#904e78 rgb(144,78,120)
```
#98467a
```
#98467a rgb(152,70,122)
```
#a13d7c
```
#a13d7c rgb(161,61,124)
```
#a9357f
```
#a9357f rgb(169,53,127)
```
#b22c81
```
#b22c81 rgb(178,44,129)
```
#bb2383
```
#bb2383 rgb(187,35,131)
```
#c31b86
```
#c31b86 rgb(195,27,134)
```
#cc1288
```
#cc1288 rgb(204,18,136)
```
#d40a8a
```
#d40a8a rgb(212,10,138)
```
#dd018c
```
#dd018c rgb(221,1,140)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#6f5465 Atypical Achromatopsia 0.001% of the population

Dichromacy

#526aa7 Protanopia 1% of men
#6e6a7c Deuteranopia 1% of men
#b1494d Tritanopia 0.001% of the population

Trichromacy

#755399 Protanomaly 1% of men, 0.01% of women
#86537e Deuteranomaly 6% of men, 0.4% of women
#b13e60 Tritanomaly 0.01% of the population

#b22c81 hex color

#b22c81 Color Information

#b22c81 Color Conversion

Color Schemes with #b22c81

Alternatives to #b22c81

#b22c81 Preview

Shades and Tints of #b22c81

Tones of #b22c81

Color Blindness Simulator