colorhexa.com

#b22080 hex color

In a RGB color space, hex #b22080 is composed of 69.8% red, 12.5% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82% magenta, 28.1% yellow and 30.2% black. It has a hue angle of 320.5 degrees, a saturation of 69.5% and a lightness of 41.2%. #b22080 color hex could be obtained by blending #ff40ff with #650001. Closest websafe color is: #993399.

- R 70
- G 13
- B 50
RGB color chart
- C 0
- M 82
- Y 28
- K 30
CMYK color chart

● #b22080 color description : Dark pink.

The hexadecimal color #b22080 has RGB values of R:178, G:32, B:128 and CMYK values of C:0, M:0.82, Y:0.28, K:0.3. Its decimal value is 11673728.

Hex triplet	b22080	`#b22080`
RGB Decimal	178, 32, 128	`rgb(178,32,128)`
RGB Percent	69.8, 12.5, 50.2	`rgb(69.8%,12.5%,50.2%)`
CMYK	0, 82, 28, 30
HSL	320.5°, 69.5, 41.2	`hsl(320.5,69.5%,41.2%)`
HSV (or HSB)	320.5°, 82, 69.8
Web Safe	993399	`#993399`

CIE-LAB	41.309, 63.528, -17.743
XYZ	22.773, 12.059, 21.549
xyY	0.404, 0.214, 12.059
CIE-LCH	41.309, 65.959, 344.395
CIE-LUV	41.309, 76.084, -34.281
Hunter-Lab	34.726, 56.291, -12.485
Binary	10110010, 00100000, 10000000

#b22080
```
#b22080 rgb(178,32,128)
```
#20b252
```
#20b252 rgb(32,178,82)
```

Complementary Color

#9b20b2
```
#9b20b2 rgb(155,32,178)
```
#b22080
```
#b22080 rgb(178,32,128)
```
#b22037
```
#b22037 rgb(178,32,55)
```

Analogous Color

#20b29b
```
#20b29b rgb(32,178,155)
```
#b22080
```
#b22080 rgb(178,32,128)
```
#37b220
```
#37b220 rgb(55,178,32)
```

Split Complementary Color

#2080b2
```
#2080b2 rgb(32,128,178)
```
#b22080
```
#b22080 rgb(178,32,128)
```
#80b220
```
#80b220 rgb(128,178,32)
```

Triadic Color

#5220b2
```
#5220b2 rgb(82,32,178)
```
#b22080
```
#b22080 rgb(178,32,128)
```
#80b220
```
#80b220 rgb(128,178,32)
```
#20b252
```
#20b252 rgb(32,178,82)
```

Tetradic Color

#711451
```
#711451 rgb(113,20,81)
```
#871861
```
#871861 rgb(135,24,97)
```
#9c1c70
```
#9c1c70 rgb(156,28,112)
```
#b22080
```
#b22080 rgb(178,32,128)
```
#c82490
```
#c82490 rgb(200,36,144)
```
#d92c9e
```
#d92c9e rgb(217,44,158)
```
#dd42a8
```
#dd42a8 rgb(221,66,168)
```

Monochromatic Color

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

#b220a5
```
#b220a5 rgb(178,32,165)
```
#b22098
```
#b22098 rgb(178,32,152)
```
#b2208c
```
#b2208c rgb(178,32,140)
```
#b22080
```
#b22080 rgb(178,32,128)
```
#b22074
```
#b22074 rgb(178,32,116)
```
#b22068
```
#b22068 rgb(178,32,104)
```
#b2205c
```
#b2205c rgb(178,32,92)
```

Similar Colors

Text with hexadecimal color #b22080

This text has a font color of #b22080.

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

#b22080 background color

This paragraph has a background color of #b22080.

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

#b22080 border color

This element has a border color of #b22080.

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

CSS codes

.text {color:#b22080;}

.background {background-color:#b22080;}

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

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

#0c0208
```
#0c0208 rgb(12,2,8)
```
#1c0514
```
#1c0514 rgb(28,5,20)
```
#2d0820
```
#2d0820 rgb(45,8,32)
```
#3e0b2c
```
#3e0b2c rgb(62,11,44)
```
#4e0e38
```
#4e0e38 rgb(78,14,56)
```
#5f1144
```
#5f1144 rgb(95,17,68)
```
#6f1450
```
#6f1450 rgb(111,20,80)
```
#80175c
```
#80175c rgb(128,23,92)
```
#911a68
```
#911a68 rgb(145,26,104)
```
#a11d74
```
#a11d74 rgb(161,29,116)
```
#b22080
```
#b22080 rgb(178,32,128)
```
#c3238c
```
#c3238c rgb(195,35,140)
```
#d32698
```
#d32698 rgb(211,38,152)
```

Shade Color Variation

#da33a1
```
#da33a1 rgb(218,51,161)
```
#dd43a8
```
#dd43a8 rgb(221,67,168)
```
#e054b0
```
#e054b0 rgb(224,84,176)
```
#e364b8
```
#e364b8 rgb(227,100,184)
```
#e675bf
```
#e675bf rgb(230,117,191)
```
#e986c7
```
#e986c7 rgb(233,134,199)
```
#ec96cf
```
#ec96cf rgb(236,150,207)
```
#efa7d6
```
#efa7d6 rgb(239,167,214)
```
#f2b8de
```
#f2b8de rgb(242,184,222)
```
#f5c8e6
```
#f5c8e6 rgb(245,200,230)
```
#f8d9ed
```
#f8d9ed rgb(248,217,237)
```
#fbe9f5
```
#fbe9f5 rgb(251,233,245)
```
#fefafd
```
#fefafd rgb(254,250,253)
```

Tint Color Variation

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

#696969
```
#696969 rgb(105,105,105)
```
#71616c
```
#71616c rgb(113,97,108)
```
#79596e
```
#79596e rgb(121,89,110)
```
#825071
```
#825071 rgb(130,80,113)
```
#8a4873
```
#8a4873 rgb(138,72,115)
```
#924076
```
#924076 rgb(146,64,118)
```
#9a3878
```
#9a3878 rgb(154,56,120)
```
#a2307b
```
#a2307b rgb(162,48,123)
```
#aa287d
```
#aa287d rgb(170,40,125)
```
#b22080
```
#b22080 rgb(178,32,128)
```
#ba1883
```
#ba1883 rgb(186,24,131)
```
#c21085
```
#c21085 rgb(194,16,133)
```
#ca0888
```
#ca0888 rgb(202,8,136)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#694c5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#4967aa Protanopia 1% of men
#6a677a Deuteranopia 1% of men
#b04346 Tritanopia 0.001% of the population

Trichromacy

#6f4d9b Protanomaly 1% of men, 0.01% of women
#844d7c Deuteranomaly 6% of men, 0.4% of women
#b1365b Tritanomaly 0.01% of the population