#b2226a hex color

In a RGB color space, hex #b2226a is composed of 69.8% red, 13.3% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.9% magenta, 40.4% yellow and 30.2% black. It has a hue angle of 330 degrees, a saturation of 67.9% and a lightness of 41.6%. #b2226a color hex could be obtained by blending #ff44d4 with #650000. Closest websafe color is: #993366.

♥
- f
- t
- g
- R 70
- G 13
- B 42
RGB color chart
- C 0
- M 81
- Y 40
- K 30
CMYK color chart

● #b2226a color description : Dark pink.

The hexadecimal color #b2226a has RGB values of R:178, G:34, B:106 and CMYK values of C:0, M:0.81, Y:0.4, K:0.3. Its decimal value is 11674218.

Hex triplet	b2226a	`#b2226a`
RGB Decimal	178, 34, 106	`rgb(178,34,106)`
RGB Percent	69.8, 13.3, 41.6	`rgb(69.8%,13.3%,41.6%)`
CMYK	0, 81, 40, 30
HSL	330°, 67.9, 41.6	`hsl(330,67.9%,41.6%)`
HSV (or HSB)	330°, 80.9, 69.8
Web Safe	993366	`#993366`

CIE-LAB	40.657, 60.6, -5.031
XYZ	21.534, 11.652, 14.75
xyY	0.449, 0.243, 11.652
CIE-LCH	40.657, 60.809, 355.254
CIE-LUV	40.657, 84.686, -17.131
Hunter-Lab	34.135, 52.872, -1.725
Binary	10110010, 00100010, 01101010

#b2226a
```
#b2226a rgb(178,34,106)
```
#22b26a
```
#22b26a rgb(34,178,106)
```

Complementary Color

#b222b2
```
#b222b2 rgb(178,34,178)
```
#b2226a
```
#b2226a rgb(178,34,106)
```
#b22222
```
#b22222 rgb(178,34,34)
```

Analogous Color

#22b2b2
```
#22b2b2 rgb(34,178,178)
```
#b2226a
```
#b2226a rgb(178,34,106)
```
#22b222
```
#22b222 rgb(34,178,34)
```

Split Complementary Color

#226ab2
```
#226ab2 rgb(34,106,178)
```
#b2226a
```
#b2226a rgb(178,34,106)
```
#6ab222
```
#6ab222 rgb(106,178,34)
```

Triadic Color

#6a22b2
```
#6a22b2 rgb(106,34,178)
```
#b2226a
```
#b2226a rgb(178,34,106)
```
#6ab222
```
#6ab222 rgb(106,178,34)
```
#22b26a
```
#22b26a rgb(34,178,106)
```

Tetradic Color

#721644
```
#721644 rgb(114,22,68)
```
#871a51
```
#871a51 rgb(135,26,81)
```
#9d1e5d
```
#9d1e5d rgb(157,30,93)
```
#b2226a
```
#b2226a rgb(178,34,106)
```
#c72677
```
#c72677 rgb(199,38,119)
```
#d73084
```
#d73084 rgb(215,48,132)
```
#db4590
```
#db4590 rgb(219,69,144)
```

Monochromatic Color

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

#b2228e
```
#b2228e rgb(178,34,142)
```
#b22282
```
#b22282 rgb(178,34,130)
```
#b22276
```
#b22276 rgb(178,34,118)
```
#b2226a
```
#b2226a rgb(178,34,106)
```
#b2225e
```
#b2225e rgb(178,34,94)
```
#b22252
```
#b22252 rgb(178,34,82)
```
#b22246
```
#b22246 rgb(178,34,70)
```

Similar Colors

Text with hexadecimal color #b2226a

This text has a font color of #b2226a.

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

#b2226a background color

This paragraph has a background color of #b2226a.

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

#b2226a border color

This element has a border color of #b2226a.

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

CSS codes

.text {color:#b2226a;}

.background {background-color:#b2226a;}

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

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

#0d0308
```
#0d0308 rgb(13,3,8)
```
#1e0612
```
#1e0612 rgb(30,6,18)
```
#2e091c
```
#2e091c rgb(46,9,28)
```
#3f0c25
```
#3f0c25 rgb(63,12,37)
```
#4f0f2f
```
#4f0f2f rgb(79,15,47)
```
#601239
```
#601239 rgb(96,18,57)
```
#701543
```
#701543 rgb(112,21,67)
```
#81194d
```
#81194d rgb(129,25,77)
```
#911c56
```
#911c56 rgb(145,28,86)
```
#a21f60
```
#a21f60 rgb(162,31,96)
```
#b2226a
```
#b2226a rgb(178,34,106)
```
#c22574
```
#c22574 rgb(194,37,116)
```
#d3287e
```
#d3287e rgb(211,40,126)
```

Shade Color Variation

#d93687
```
#d93687 rgb(217,54,135)
```
#dc4791
```
#dc4791 rgb(220,71,145)
```
#df579b
```
#df579b rgb(223,87,155)
```
#e268a5
```
#e268a5 rgb(226,104,165)
```
#e578af
```
#e578af rgb(229,120,175)
```
#e889b8
```
#e889b8 rgb(232,137,184)
```
#ec99c2
```
#ec99c2 rgb(236,153,194)
```
#efa9cc
```
#efa9cc rgb(239,169,204)
```
#f2bad6
```
#f2bad6 rgb(242,186,214)
```
#f5cae0
```
#f5cae0 rgb(245,202,224)
```
#f8dbea
```
#f8dbea rgb(248,219,234)
```
#fbebf3
```
#fbebf3 rgb(251,235,243)
```
#fefcfd
```
#fefcfd rgb(254,252,253)
```

Tint Color Variation

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

#71636a
```
#71636a rgb(113,99,106)
```
#795b6a
```
#795b6a rgb(121,91,106)
```
#81536a
```
#81536a rgb(129,83,106)
```
#894b6a
```
#894b6a rgb(137,75,106)
```
#91436a
```
#91436a rgb(145,67,106)
```
#9a3a6a
```
#9a3a6a rgb(154,58,106)
```
#a2326a
```
#a2326a rgb(162,50,106)
```
#aa2a6a
```
#aa2a6a rgb(170,42,106)
```
#b2226a
```
#b2226a rgb(178,34,106)
```
#ba1a6a
```
#ba1a6a rgb(186,26,106)
```
#c2126a
```
#c2126a rgb(194,18,106)
```
#ca0a6a
```
#ca0a6a rgb(202,10,106)
```
#d3016a
```
#d3016a rgb(211,1,106)
```

Tone Color Variation

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

Dichromacy

#596690 Protanopia 1% of men
#716567 Deuteranopia 1% of men
#b23d40 Tritanopia 0.001% of the population

Trichromacy

#794d82 Protanomaly 1% of men, 0.01% of women
#894c68 Deuteranomaly 6% of men, 0.4% of women
#b2334f Tritanomaly 0.01% of the population

#b2226a hex color

#b2226a Color Information

#b2226a Color Conversion

Color Schemes with #b2226a

Alternatives to #b2226a

#b2226a Preview

Shades and Tints of #b2226a

Tones of #b2226a

Color Blindness Simulator