colorhexa.com

#b822a0 hex color

In a RGB color space, hex #b822a0 is composed of 72.2% red, 13.3% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.5% magenta, 13% yellow and 27.8% black. It has a hue angle of 309.6 degrees, a saturation of 68.8% and a lightness of 42.7%. #b822a0 color hex could be obtained by blending #ff44ff with #710041. Closest websafe color is: #cc3399.

- R 72
- G 13
- B 63
RGB color chart
- C 0
- M 82
- Y 13
- K 28
CMYK color chart

● #b822a0 color description : Strong magenta.

The hexadecimal color #b822a0 has RGB values of R:184, G:34, B:160 and CMYK values of C:0, M:0.82, Y:0.13, K:0.28. Its decimal value is 12067488.

Hex triplet	b822a0	`#b822a0`
RGB Decimal	184, 34, 160	`rgb(184,34,160)`
RGB Percent	72.2, 13.3, 62.7	`rgb(72.2%,13.3%,62.7%)`
CMYK	0, 82, 13, 28
HSL	309.6°, 68.8, 42.7	`hsl(309.6,68.8%,42.7%)`
HSV (or HSB)	309.6°, 81.5, 72.2
Web Safe	cc3399	`#cc3399`

CIE-LAB	44.053, 68.55, -32.847
XYZ	26.684, 13.875, 34.529
xyY	0.355, 0.185, 13.875
CIE-LCH	44.053, 76.014, 334.398
CIE-LUV	44.053, 67.34, -56.878
Hunter-Lab	37.249, 62.689, -28.886
Binary	10111000, 00100010, 10100000

#b822a0
```
#b822a0 rgb(184,34,160)
```
#22b83a
```
#22b83a rgb(34,184,58)
```

Complementary Color

#8522b8
```
#8522b8 rgb(133,34,184)
```
#b822a0
```
#b822a0 rgb(184,34,160)
```
#b82255
```
#b82255 rgb(184,34,85)
```

Analogous Color

#22b885
```
#22b885 rgb(34,184,133)
```
#b822a0
```
#b822a0 rgb(184,34,160)
```
#55b822
```
#55b822 rgb(85,184,34)
```

Split Complementary Color

#22a0b8
```
#22a0b8 rgb(34,160,184)
```
#b822a0
```
#b822a0 rgb(184,34,160)
```
#a0b822
```
#a0b822 rgb(160,184,34)
```

Triadic Color

#3a22b8
```
#3a22b8 rgb(58,34,184)
```
#b822a0
```
#b822a0 rgb(184,34,160)
```
#a0b822
```
#a0b822 rgb(160,184,34)
```
#22b83a
```
#22b83a rgb(34,184,58)
```

Tetradic Color

#771668
```
#771668 rgb(119,22,104)
```
#8d1a7b
```
#8d1a7b rgb(141,26,123)
```
#a21e8d
```
#a21e8d rgb(162,30,141)
```
#b822a0
```
#b822a0 rgb(184,34,160)
```
#ce26b3
```
#ce26b3 rgb(206,38,179)
```
#d934bf
```
#d934bf rgb(217,52,191)
```
#dd49c6
```
#dd49c6 rgb(221,73,198)
```

Monochromatic Color

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

#ab22b8
```
#ab22b8 rgb(171,34,184)
```
#b722b8
```
#b722b8 rgb(183,34,184)
```
#b822ad
```
#b822ad rgb(184,34,173)
```
#b822a0
```
#b822a0 rgb(184,34,160)
```
#b82294
```
#b82294 rgb(184,34,148)
```
#b82287
```
#b82287 rgb(184,34,135)
```
#b8227b
```
#b8227b rgb(184,34,123)
```

Similar Colors

Text with hexadecimal color #b822a0

This text has a font color of #b822a0.

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

#b822a0 background color

This paragraph has a background color of #b822a0.

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

#b822a0 border color

This element has a border color of #b822a0.

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

CSS codes

.text {color:#b822a0;}

.background {background-color:#b822a0;}

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

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

#020002
```
#020002 rgb(2,0,2)
```
#120310
```
#120310 rgb(18,3,16)
```
#23061e
```
#23061e rgb(35,6,30)
```
#340a2d
```
#340a2d rgb(52,10,45)
```
#440d3b
```
#440d3b rgb(68,13,59)
```
#55104a
```
#55104a rgb(85,16,74)
```
#651358
```
#651358 rgb(101,19,88)
```
#761666
```
#761666 rgb(118,22,102)
```
#861975
```
#861975 rgb(134,25,117)
```
#971c83
```
#971c83 rgb(151,28,131)
```
#a71f92
```
#a71f92 rgb(167,31,146)
```
#b822a0
```
#b822a0 rgb(184,34,160)
```
#c925ae
```
#c925ae rgb(201,37,174)
```

Shade Color Variation

#d82abc
```
#d82abc rgb(216,42,188)
```
#db3ac1
```
#db3ac1 rgb(219,58,193)
```
#de4bc6
```
#de4bc6 rgb(222,75,198)
```
#e15bcb
```
#e15bcb rgb(225,91,203)
```
#e46cd1
```
#e46cd1 rgb(228,108,209)
```
#e77cd6
```
#e77cd6 rgb(231,124,214)
```
#ea8ddb
```
#ea8ddb rgb(234,141,219)
```
#ed9ee0
```
#ed9ee0 rgb(237,158,224)
```
#f0aee5
```
#f0aee5 rgb(240,174,229)
```
#f3bfeb
```
#f3bfeb rgb(243,191,235)
```
#f6cff0
```
#f6cff0 rgb(246,207,240)
```
#f9e0f5
```
#f9e0f5 rgb(249,224,245)
```
#fcf0fa
```
#fcf0fa rgb(252,240,250)
```

Tint Color Variation

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

#756572
```
#756572 rgb(117,101,114)
```
#7d5d78
```
#7d5d78 rgb(125,93,120)
```
#86547e
```
#86547e rgb(134,84,126)
```
#8e4c83
```
#8e4c83 rgb(142,76,131)
```
#964489
```
#964489 rgb(150,68,137)
```
#9f3b8f
```
#9f3b8f rgb(159,59,143)
```
#a73395
```
#a73395 rgb(167,51,149)
```
#b02a9a
```
#b02a9a rgb(176,42,154)
```
#b822a0
```
#b822a0 rgb(184,34,160)
```
#c01aa6
```
#c01aa6 rgb(192,26,166)
```
#c911ab
```
#c911ab rgb(201,17,171)
```
#d109b1
```
#d109b1 rgb(209,9,177)
```
#da00b7
```
#da00b7 rgb(218,0,183)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#6f516a Atypical Achromatopsia 0.001% of the population

Dichromacy

#246cd0 Protanopia 1% of men
#626e96 Deuteranopia 1% of men
#b34e53 Tritanopia 0.001% of the population

Trichromacy

#5951be Protanomaly 1% of men, 0.01% of women
#81529a Deuteranomaly 6% of men, 0.4% of women
#b53e6f Tritanomaly 0.01% of the population