#b22551 Color Information
In a RGB color space, hex #b22551 is composed of 69.8% red, 14.5% green and 31.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79.2% magenta, 54.5% yellow and 30.2% black. It has a hue angle of 341.3 degrees, a saturation of 65.6% and a lightness of 42.2%. #b22551 color hex could be obtained by blending #ff4aa2 with #650000. Closest websafe color is: #993366.
-
- R 70
- G 15
- B 32
-
- C 0
- M 79
- Y 54
- K 30
● #b22551 color description : Dark pink.
#b22551 Color Conversion
The hexadecimal color #b22551 has RGB values of R:178, G:37, B:81 and CMYK values of C:0, M:0.79, Y:0.54, K:0.3. Its decimal value is 11674961.
| Hex triplet | b22551 | #b22551 |
|---|---|---|
| RGB Decimal | 178, 37, 81 | rgb(178,37,81) |
| RGB Percent | 69.8, 14.5, 31.8 | rgb(69.8%,14.5%,31.8%) |
| CMYK | 0, 79, 54, 30 | |
| HSL | 341.3°, 65.6, 42.2 | hsl(341.3,65.6%,42.2%) |
| HSV (or HSB) | 341.3°, 79.2, 69.8 | |
| Web Safe | 993366 | #993366 |
| CIE-LAB | 40.221, 57.56, 10.129 |
|---|---|
| XYZ | 20.508, 11.384, 8.902 |
| xyY | 0.503, 0.279, 11.384 |
| CIE-LCH | 40.221, 58.444, 9.981 |
| CIE-LUV | 40.221, 93.322, 0.893 |
| Hunter-Lab | 33.741, 49.445, 7.976 |
| Binary | 10110010, 00100101, 01010001 |
Color Schemes with #b22551
Alternatives to #b22551
Below, you can see some colors close to #b22551. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#b22551 Preview
This text has a font color of #b22551.
<span style="color:#b22551;">Text here</span>
This paragraph has a background color of #b22551.
<p style="background-color:#b22551;">Content here</p>
This element has a border color of #b22551.
<div style="border:1px solid #b22551;">Content here</div>
.text {color:#b22551;}
.background {background-color:#b22551;}
.border {border:1px solid #b22551;}
Shades and Tints of #b22551
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, #100307 is the darkest color, while #fffeff is the lightest one.
-
#100307
#100307rgb(16,3,7) -
#20070e
#20070ergb(32,7,14) -
#300a16
#300a16rgb(48,10,22) -
#400d1d
#400d1drgb(64,13,29) -
#511125
#511125rgb(81,17,37) -
#61142c
#61142crgb(97,20,44) -
#711733
#711733rgb(113,23,51) -
#811b3b
#811b3brgb(129,27,59) -
#921e42
#921e42rgb(146,30,66) -
#a2224a
#a2224argb(162,34,74) -
#b22551
#b22551rgb(178,37,81) -
#c22858
#c22858rgb(194,40,88) -
#d22c60
#d22c60rgb(210,44,96)
-
#d63b6c
#d63b6crgb(214,59,108) -
#da4c78
#da4c78rgb(218,76,120) -
#dd5c84
#dd5c84rgb(221,92,132) -
#e06c90
#e06c90rgb(224,108,144) -
#e47c9d
#e47c9drgb(228,124,157) -
#e78da9
#e78da9rgb(231,141,169) -
#eb9db5
#eb9db5rgb(235,157,181) -
#eeadc1
#eeadc1rgb(238,173,193) -
#f1bdce
#f1bdcergb(241,189,206) -
#f5ceda
#f5cedargb(245,206,218) -
#f8dee6
#f8dee6rgb(248,222,230) -
#fbeef2
#fbeef2rgb(251,238,242) -
#fffeff
#fffeffrgb(255,254,255)
Tones of #b22551
A tone is produced by adding gray to any pure hue. In this case, #70676a is the less saturated color, while #d30445 is the most saturated one.
-
#70676a
#70676argb(112,103,106) -
#785f67
#785f67rgb(120,95,103) -
#805764
#805764rgb(128,87,100) -
#894e61
#894e61rgb(137,78,97) -
#91465d
#91465drgb(145,70,93) -
#993e5a
#993e5argb(153,62,90) -
#a13657
#a13657rgb(161,54,87) -
#aa2d54
#aa2d54rgb(170,45,84) -
#b22551
#b22551rgb(178,37,81) -
#ba1d4e
#ba1d4ergb(186,29,78) -
#c3144b
#c3144brgb(195,20,75) -
#cb0c48
#cb0c48rgb(203,12,72) -
#d30445
#d30445rgb(211,4,69)
Color Blindness Simulator
Below, you can see how #b22551 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.
