colorhexa.com

#b22362 hex color

In a RGB color space, hex #b22362 is composed of 69.8% red, 13.7% green and 38.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.3% magenta, 44.9% yellow and 30.2% black. It has a hue angle of 333.6 degrees, a saturation of 67.1% and a lightness of 41.8%. #b22362 color hex could be obtained by blending #ff46c4 with #650000. Closest websafe color is: #993366.

- R 70
- G 14
- B 38
RGB color chart
- C 0
- M 80
- Y 45
- K 30
CMYK color chart

● #b22362 color description : Dark pink.

The hexadecimal color #b22362 has RGB values of R:178, G:35, B:98 and CMYK values of C:0, M:0.8, Y:0.45, K:0.3. Its decimal value is 11674466.

Hex triplet	b22362	`#b22362`
RGB Decimal	178, 35, 98	`rgb(178,35,98)`
RGB Percent	69.8, 13.7, 38.4	`rgb(69.8%,13.7%,38.4%)`
CMYK	0, 80, 45, 30
HSL	333.6°, 67.1, 41.8	`hsl(333.6,67.1%,41.8%)`
HSV (or HSB)	333.6°, 80.3, 69.8
Web Safe	993366	`#993366`

CIE-LAB	40.494, 59.56, -0.238
XYZ	21.166, 11.551, 12.67
xyY	0.466, 0.255, 11.551
CIE-LCH	40.494, 59.561, 359.771
CIE-LUV	40.494, 87.597, -11.099
Hunter-Lab	33.987, 51.689, 1.689
Binary	10110010, 00100011, 01100010

#b22362
```
#b22362 rgb(178,35,98)
```
#23b273
```
#23b273 rgb(35,178,115)
```

Complementary Color

#b223aa
```
#b223aa rgb(178,35,170)
```
#b22362
```
#b22362 rgb(178,35,98)
```
#b22b23
```
#b22b23 rgb(178,43,35)
```

Analogous Color

#23aab2
```
#23aab2 rgb(35,170,178)
```
#b22362
```
#b22362 rgb(178,35,98)
```
#23b22b
```
#23b22b rgb(35,178,43)
```

Split Complementary Color

#2362b2
```
#2362b2 rgb(35,98,178)
```
#b22362
```
#b22362 rgb(178,35,98)
```
#62b223
```
#62b223 rgb(98,178,35)
```

Triadic Color

#7323b2
```
#7323b2 rgb(115,35,178)
```
#b22362
```
#b22362 rgb(178,35,98)
```
#62b223
```
#62b223 rgb(98,178,35)
```
#23b273
```
#23b273 rgb(35,178,115)
```

Tetradic Color

#72163f
```
#72163f rgb(114,22,63)
```
#871b4b
```
#871b4b rgb(135,27,75)
```
#9d1f56
```
#9d1f56 rgb(157,31,86)
```
#b22362
```
#b22362 rgb(178,35,98)
```
#c7276e
```
#c7276e rgb(199,39,110)
```
#d7317a
```
#d7317a rgb(215,49,122)
```
#db4788
```
#db4788 rgb(219,71,136)
```

Monochromatic Color

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

#b22386
```
#b22386 rgb(178,35,134)
```
#b2237a
```
#b2237a rgb(178,35,122)
```
#b2236e
```
#b2236e rgb(178,35,110)
```
#b22362
```
#b22362 rgb(178,35,98)
```
#b22356
```
#b22356 rgb(178,35,86)
```
#b2234a
```
#b2234a rgb(178,35,74)
```
#b2233e
```
#b2233e rgb(178,35,62)
```

Similar Colors

Text with hexadecimal color #b22362

This text has a font color of #b22362.

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

#b22362 background color

This paragraph has a background color of #b22362.

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

#b22362 border color

This element has a border color of #b22362.

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

CSS codes

.text {color:#b22362;}

.background {background-color:#b22362;}

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

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

#0e0308
```
#0e0308 rgb(14,3,8)
```
#1e0611
```
#1e0611 rgb(30,6,17)
```
#2f091a
```
#2f091a rgb(47,9,26)
```
#3f0c23
```
#3f0c23 rgb(63,12,35)
```
#50102c
```
#50102c rgb(80,16,44)
```
#601335
```
#601335 rgb(96,19,53)
```
#70163e
```
#70163e rgb(112,22,62)
```
#811947
```
#811947 rgb(129,25,71)
```
#911d50
```
#911d50 rgb(145,29,80)
```
#a22059
```
#a22059 rgb(162,32,89)
```
#b22362
```
#b22362 rgb(178,35,98)
```
#c2266b
```
#c2266b rgb(194,38,107)
```
#d32974
```
#d32974 rgb(211,41,116)
```

Shade Color Variation

#d8387e
```
#d8387e rgb(216,56,126)
```
#db4889
```
#db4889 rgb(219,72,137)
```
#de5994
```
#de5994 rgb(222,89,148)
```
#e2699e
```
#e2699e rgb(226,105,158)
```
#e57aa9
```
#e57aa9 rgb(229,122,169)
```
#e88ab3
```
#e88ab3 rgb(232,138,179)
```
#eb9abe
```
#eb9abe rgb(235,154,190)
```
#eeabc9
```
#eeabc9 rgb(238,171,201)
```
#f2bbd3
```
#f2bbd3 rgb(242,187,211)
```
#f5ccde
```
#f5ccde rgb(245,204,222)
```
#f8dce8
```
#f8dce8 rgb(248,220,232)
```
#fbecf3
```
#fbecf3 rgb(251,236,243)
```
#fffdfe
```
#fffdfe rgb(255,253,254)
```

Tint Color Variation

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

#70656a
```
#70656a rgb(112,101,106)
```
#795c69
```
#795c69 rgb(121,92,105)
```
#815468
```
#815468 rgb(129,84,104)
```
#894c67
```
#894c67 rgb(137,76,103)
```
#914466
```
#914466 rgb(145,68,102)
```
#993c65
```
#993c65 rgb(153,60,101)
```
#a23364
```
#a23364 rgb(162,51,100)
```
#aa2b63
```
#aa2b63 rgb(170,43,99)
```
#b22362
```
#b22362 rgb(178,35,98)
```
#ba1b61
```
#ba1b61 rgb(186,27,97)
```
#c21360
```
#c21360 rgb(194,19,96)
```
#cb0a5f
```
#cb0a5f rgb(203,10,95)
```
#d3025e
```
#d3025e rgb(211,2,94)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#684b58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e6686 Protanopia 1% of men
#746460 Deuteranopia 1% of men
#b33b3e Tritanopia 0.001% of the population

Trichromacy

#7c4e79 Protanomaly 1% of men, 0.01% of women
#8a4c60 Deuteranomaly 6% of men, 0.4% of women
#b2324b Tritanomaly 0.01% of the population