#b22c60 hex color

In a RGB color space, hex #b22c60 is composed of 69.8% red, 17.3% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 75.3% magenta, 46.1% yellow and 30.2% black. It has a hue angle of 336.7 degrees, a saturation of 60.4% and a lightness of 43.5%. #b22c60 color hex could be obtained by blending #ff58c0 with #650000. Closest websafe color is: #993366.

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

● #b22c60 color description : Dark pink.

The hexadecimal color #b22c60 has RGB values of R:178, G:44, B:96 and CMYK values of C:0, M:0.75, Y:0.46, K:0.3. Its decimal value is 11676768.

Hex triplet	b22c60	`#b22c60`
RGB Decimal	178, 44, 96	`rgb(178,44,96)`
RGB Percent	69.8, 17.3, 37.6	`rgb(69.8%,17.3%,37.6%)`
CMYK	0, 75, 46, 30
HSL	336.7°, 60.4, 43.5	`hsl(336.7,60.4%,43.5%)`
HSV (or HSB)	336.7°, 75.3, 69.8
Web Safe	993366	`#993366`

CIE-LAB	41.395, 56.656, 2.332
XYZ	21.373, 12.113, 12.278
xyY	0.467, 0.265, 12.113
CIE-LCH	41.395, 56.704, 2.357
CIE-LUV	41.395, 85.303, -7.487
Hunter-Lab	34.804, 48.708, 3.446
Binary	10110010, 00101100, 01100000

#b22c60
```
#b22c60 rgb(178,44,96)
```
#2cb27e
```
#2cb27e rgb(44,178,126)
```

Complementary Color

#b22ca3
```
#b22ca3 rgb(178,44,163)
```
#b22c60
```
#b22c60 rgb(178,44,96)
```
#b23b2c
```
#b23b2c rgb(178,59,44)
```

Analogous Color

#2ca3b2
```
#2ca3b2 rgb(44,163,178)
```
#b22c60
```
#b22c60 rgb(178,44,96)
```
#2cb23b
```
#2cb23b rgb(44,178,59)
```

Split Complementary Color

#2c60b2
```
#2c60b2 rgb(44,96,178)
```
#b22c60
```
#b22c60 rgb(178,44,96)
```
#60b22c
```
#60b22c rgb(96,178,44)
```

Triadic Color

#7e2cb2
```
#7e2cb2 rgb(126,44,178)
```
#b22c60
```
#b22c60 rgb(178,44,96)
```
#60b22c
```
#60b22c rgb(96,178,44)
```
#2cb27e
```
#2cb27e rgb(44,178,126)
```

Tetradic Color

#751d3f
```
#751d3f rgb(117,29,63)
```
#89224a
```
#89224a rgb(137,34,74)
```
#9e2755
```
#9e2755 rgb(158,39,85)
```
#b22c60
```
#b22c60 rgb(178,44,96)
```
#c6316b
```
#c6316b rgb(198,49,107)
```
#d04178
```
#d04178 rgb(208,65,120)
```
#d55587
```
#d55587 rgb(213,85,135)
```

Monochromatic Color

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

#b22c82
```
#b22c82 rgb(178,44,130)
```
#b22c76
```
#b22c76 rgb(178,44,118)
```
#b22c6b
```
#b22c6b rgb(178,44,107)
```
#b22c60
```
#b22c60 rgb(178,44,96)
```
#b22c55
```
#b22c55 rgb(178,44,85)
```
#b22c4a
```
#b22c4a rgb(178,44,74)
```
#b22c3f
```
#b22c3f rgb(178,44,63)
```

Similar Colors

Text with hexadecimal color #b22c60

This text has a font color of #b22c60.

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

#b22c60 background color

This paragraph has a background color of #b22c60.

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

#b22c60 border color

This element has a border color of #b22c60.

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

CSS codes

.text {color:#b22c60;}

.background {background-color:#b22c60;}

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

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

#050103
```
#050103 rgb(5,1,3)
```
#15050b
```
#15050b rgb(21,5,11)
```
#240914
```
#240914 rgb(36,9,20)
```
#340d1c
```
#340d1c rgb(52,13,28)
```
#441125
```
#441125 rgb(68,17,37)
```
#54152d
```
#54152d rgb(84,21,45)
```
#631936
```
#631936 rgb(99,25,54)
```
#731c3e
```
#731c3e rgb(115,28,62)
```
#832047
```
#832047 rgb(131,32,71)
```
#93244f
```
#93244f rgb(147,36,79)
```
#a22858
```
#a22858 rgb(162,40,88)
```
#b22c60
```
#b22c60 rgb(178,44,96)
```
#c23068
```
#c23068 rgb(194,48,104)
```

Shade Color Variation

#ce3872
```
#ce3872 rgb(206,56,114)
```
#d2477d
```
#d2477d rgb(210,71,125)
```
#d55788
```
#d55788 rgb(213,87,136)
```
#d96793
```
#d96793 rgb(217,103,147)
```
#dd769e
```
#dd769e rgb(221,118,158)
```
#e186a9
```
#e186a9 rgb(225,134,169)
```
#e596b5
```
#e596b5 rgb(229,150,181)
```
#e9a6c0
```
#e9a6c0 rgb(233,166,192)
```
#edb5cb
```
#edb5cb rgb(237,181,203)
```
#f1c5d6
```
#f1c5d6 rgb(241,197,214)
```
#f5d5e1
```
#f5d5e1 rgb(245,213,225)
```
#f8e5ec
```
#f8e5ec rgb(248,229,236)
```
#fcf4f7
```
#fcf4f7 rgb(252,244,247)
```

Tint Color Variation

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

#76686d
```
#76686d rgb(118,104,109)
```
#7f5f6b
```
#7f5f6b rgb(127,95,107)
```
#87576a
```
#87576a rgb(135,87,106)
```
#904e68
```
#904e68 rgb(144,78,104)
```
#984666
```
#984666 rgb(152,70,102)
```
#a13d64
```
#a13d64 rgb(161,61,100)
```
#a93562
```
#a93562 rgb(169,53,98)
```
#b22c60
```
#b22c60 rgb(178,44,96)
```
#bb235e
```
#bb235e rgb(187,35,94)
```
#c31b5c
```
#c31b5c rgb(195,27,92)
```
#cc125a
```
#cc125a rgb(204,18,90)
```
#d40a58
```
#d40a58 rgb(212,10,88)
```
#dd0156
```
#dd0156 rgb(221,1,86)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#6c515b Atypical Achromatopsia 0.001% of the population

Dichromacy

#636881 Protanopia 1% of men
#77665f Deuteranopia 1% of men
#b34043 Tritanopia 0.001% of the population

Trichromacy

#805275 Protanomaly 1% of men, 0.01% of women
#8c515f Deuteranomaly 6% of men, 0.4% of women
#b3384d Tritanomaly 0.01% of the population

#b22c60 hex color

#b22c60 Color Information

#b22c60 Color Conversion

Color Schemes with #b22c60

Alternatives to #b22c60

#b22c60 Preview

Shades and Tints of #b22c60

Tones of #b22c60

Color Blindness Simulator