#b22aa7 hex color

In a RGB color space, hex #b22aa7 is composed of 69.8% red, 16.5% green and 65.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 76.4% magenta, 6.2% yellow and 30.2% black. It has a hue angle of 304.9 degrees, a saturation of 61.8% and a lightness of 43.1%. #b22aa7 color hex could be obtained by blending #ff54ff with #65004f. Closest websafe color is: #993399.

♥
- f
- t
- g
- R 70
- G 16
- B 65
RGB color chart
- C 0
- M 76
- Y 6
- K 30
CMYK color chart

● #b22aa7 color description : Dark magenta.

The hexadecimal color #b22aa7 has RGB values of R:178, G:42, B:167 and CMYK values of C:0, M:0.76, Y:0.06, K:0.3. Its decimal value is 11676327.

Hex triplet	b22aa7	`#b22aa7`
RGB Decimal	178, 42, 167	`rgb(178,42,167)`
RGB Percent	69.8, 16.5, 65.5	`rgb(69.8%,16.5%,65.5%)`
CMYK	0, 76, 6, 30
HSL	304.9°, 61.8, 43.1	`hsl(304.9,61.8%,43.1%)`
HSV (or HSB)	304.9°, 76.4, 69.8
Web Safe	993399	`#993399`

CIE-LAB	44.108, 66.166, -37.01
XYZ	26.163, 13.913, 37.865
xyY	0.336, 0.179, 13.913
CIE-LCH	44.108, 75.814, 330.779
CIE-LUV	44.108, 58.77, -62.492
Hunter-Lab	37.3, 59.928, -34.078
Binary	10110010, 00101010, 10100111

#b22aa7
```
#b22aa7 rgb(178,42,167)
```
#2ab235
```
#2ab235 rgb(42,178,53)
```

Complementary Color

#792ab2
```
#792ab2 rgb(121,42,178)
```
#b22aa7
```
#b22aa7 rgb(178,42,167)
```
#b22a63
```
#b22a63 rgb(178,42,99)
```

Analogous Color

#2ab279
```
#2ab279 rgb(42,178,121)
```
#b22aa7
```
#b22aa7 rgb(178,42,167)
```
#63b22a
```
#63b22a rgb(99,178,42)
```

Split Complementary Color

#2aa7b2
```
#2aa7b2 rgb(42,167,178)
```
#b22aa7
```
#b22aa7 rgb(178,42,167)
```
#a7b22a
```
#a7b22a rgb(167,178,42)
```

Triadic Color

#352ab2
```
#352ab2 rgb(53,42,178)
```
#b22aa7
```
#b22aa7 rgb(178,42,167)
```
#a7b22a
```
#a7b22a rgb(167,178,42)
```
#2ab235
```
#2ab235 rgb(42,178,53)
```

Tetradic Color

#741b6d
```
#741b6d rgb(116,27,109)
```
#892080
```
#892080 rgb(137,32,128)
```
#9d2594
```
#9d2594 rgb(157,37,148)
```
#b22aa7
```
#b22aa7 rgb(178,42,167)
```
#c72fba
```
#c72fba rgb(199,47,186)
```
#d13ec5
```
#d13ec5 rgb(209,62,197)
```
#d652cc
```
#d652cc rgb(214,82,204)
```

Monochromatic Color

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

#9b2ab2
```
#9b2ab2 rgb(155,42,178)
```
#a62ab2
```
#a62ab2 rgb(166,42,178)
```
#b22ab2
```
#b22ab2 rgb(178,42,178)
```
#b22aa7
```
#b22aa7 rgb(178,42,167)
```
#b22a9c
```
#b22a9c rgb(178,42,156)
```
#b22a90
```
#b22a90 rgb(178,42,144)
```
#b22a85
```
#b22a85 rgb(178,42,133)
```

Similar Colors

Text with hexadecimal color #b22aa7

This text has a font color of #b22aa7.

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

#b22aa7 background color

This paragraph has a background color of #b22aa7.

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

#b22aa7 border color

This element has a border color of #b22aa7.

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

CSS codes

.text {color:#b22aa7;}

.background {background-color:#b22aa7;}

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

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

#030103
```
#030103 rgb(3,1,3)
```
#130512
```
#130512 rgb(19,5,18)
```
#230821
```
#230821 rgb(35,8,33)
```
#330c30
```
#330c30 rgb(51,12,48)
```
#43103f
```
#43103f rgb(67,16,63)
```
#53144e
```
#53144e rgb(83,20,78)
```
#63175d
```
#63175d rgb(99,23,93)
```
#731b6b
```
#731b6b rgb(115,27,107)
```
#821f7a
```
#821f7a rgb(130,31,122)
```
#922389
```
#922389 rgb(146,35,137)
```
#a22698
```
#a22698 rgb(162,38,152)
```
#b22aa7
```
#b22aa7 rgb(178,42,167)
```
#c22eb6
```
#c22eb6 rgb(194,46,182)
```

Shade Color Variation

#cf34c3
```
#cf34c3 rgb(207,52,195)
```
#d344c7
```
#d344c7 rgb(211,68,199)
```
#d754cc
```
#d754cc rgb(215,84,204)
```
#da64d1
```
#da64d1 rgb(218,100,209)
```
#de74d5
```
#de74d5 rgb(222,116,213)
```
#e283da
```
#e283da rgb(226,131,218)
```
#e693df
```
#e693df rgb(230,147,223)
```
#e9a3e4
```
#e9a3e4 rgb(233,163,228)
```
#edb3e8
```
#edb3e8 rgb(237,179,232)
```
#f1c3ed
```
#f1c3ed rgb(241,195,237)
```
#f5d3f2
```
#f5d3f2 rgb(245,211,242)
```
#f8e3f7
```
#f8e3f7 rgb(248,227,247)
```
#fcf3fb
```
#fcf3fb rgb(252,243,251)
```

Tint Color Variation

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

#6e6e6e
```
#6e6e6e rgb(110,110,110)
```
#776575
```
#776575 rgb(119,101,117)
```
#7f5d7c
```
#7f5d7c rgb(127,93,124)
```
#885484
```
#885484 rgb(136,84,132)
```
#904c8b
```
#904c8b rgb(144,76,139)
```
#994392
```
#994392 rgb(153,67,146)
```
#a13b99
```
#a13b99 rgb(161,59,153)
```
#aa32a0
```
#aa32a0 rgb(170,50,160)
```
#b22aa7
```
#b22aa7 rgb(178,42,167)
```
#ba22ae
```
#ba22ae rgb(186,34,174)
```
#c319b5
```
#c319b5 rgb(195,25,181)
```
#cb11bc
```
#cb11bc rgb(203,17,188)
```
#d408c3
```
#d408c3 rgb(212,8,195)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#71566f Atypical Achromatopsia 0.001% of the population

Dichromacy

#106cd4 Protanopia 1% of men
#5b6f9d Deuteranopia 1% of men
#ac5459 Tritanopia 0.001% of the population

Trichromacy

#4b54c4 Protanomaly 1% of men, 0.01% of women
#7b56a1 Deuteranomaly 6% of men, 0.4% of women
#ae4475 Tritanomaly 0.01% of the population

#b22aa7 hex color

#b22aa7 Color Information

#b22aa7 Color Conversion

Color Schemes with #b22aa7

Alternatives to #b22aa7

#b22aa7 Preview

Shades and Tints of #b22aa7

Tones of #b22aa7

Color Blindness Simulator