#b22daa hex color

In a RGB color space, hex #b22daa is composed of 69.8% red, 17.6% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.7% magenta, 4.5% yellow and 30.2% black. It has a hue angle of 303.6 degrees, a saturation of 59.6% and a lightness of 43.7%. #b22daa color hex could be obtained by blending #ff5aff with #650055. Closest websafe color is: #993399.

♥
- f
- t
- g
- R 70
- G 18
- B 67
RGB color chart
- C 0
- M 75
- Y 4
- K 30
CMYK color chart

● #b22daa color description : Dark magenta.

The hexadecimal color #b22daa has RGB values of R:178, G:45, B:170 and CMYK values of C:0, M:0.75, Y:0.04, K:0.3. Its decimal value is 11677098.

Hex triplet	b22daa	`#b22daa`
RGB Decimal	178, 45, 170	`rgb(178,45,170)`
RGB Percent	69.8, 17.6, 66.7	`rgb(69.8%,17.6%,66.7%)`
CMYK	0, 75, 4, 30
HSL	303.6°, 59.6, 43.7	`hsl(303.6,59.6%,43.7%)`
HSV (or HSB)	303.6°, 74.7, 69.8
Web Safe	993399	`#993399`

CIE-LAB	44.583, 65.728, -38.041
XYZ	26.554, 14.246, 39.379
xyY	0.331, 0.178, 14.246
CIE-LCH	44.583, 75.942, 329.939
CIE-LUV	44.583, 57.11, -64.09
Hunter-Lab	37.744, 59.529, -35.439
Binary	10110010, 00101101, 10101010

#b22daa
```
#b22daa rgb(178,45,170)
```
#2db235
```
#2db235 rgb(45,178,53)
```

Complementary Color

#782db2
```
#782db2 rgb(120,45,178)
```
#b22daa
```
#b22daa rgb(178,45,170)
```
#b22d68
```
#b22d68 rgb(178,45,104)
```

Analogous Color

#2db278
```
#2db278 rgb(45,178,120)
```
#b22daa
```
#b22daa rgb(178,45,170)
```
#68b22d
```
#68b22d rgb(104,178,45)
```

Split Complementary Color

#2daab2
```
#2daab2 rgb(45,170,178)
```
#b22daa
```
#b22daa rgb(178,45,170)
```
#aab22d
```
#aab22d rgb(170,178,45)
```

Triadic Color

#352db2
```
#352db2 rgb(53,45,178)
```
#b22daa
```
#b22daa rgb(178,45,170)
```
#aab22d
```
#aab22d rgb(170,178,45)
```
#2db235
```
#2db235 rgb(45,178,53)
```

Tetradic Color

#751e70
```
#751e70 rgb(117,30,112)
```
#892383
```
#892383 rgb(137,35,131)
```
#9e2897
```
#9e2897 rgb(158,40,151)
```
#b22daa
```
#b22daa rgb(178,45,170)
```
#c632bd
```
#c632bd rgb(198,50,189)
```
#cf43c7
```
#cf43c7 rgb(207,67,199)
```
#d557cd
```
#d557cd rgb(213,87,205)
```

Monochromatic Color

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

#992db2
```
#992db2 rgb(153,45,178)
```
#a42db2
```
#a42db2 rgb(164,45,178)
```
#af2db2
```
#af2db2 rgb(175,45,178)
```
#b22daa
```
#b22daa rgb(178,45,170)
```
#b22d9f
```
#b22d9f rgb(178,45,159)
```
#b22d94
```
#b22d94 rgb(178,45,148)
```
#b22d89
```
#b22d89 rgb(178,45,137)
```

Similar Colors

Text with hexadecimal color #b22daa

This text has a font color of #b22daa.

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

#b22daa background color

This paragraph has a background color of #b22daa.

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

#b22daa border color

This element has a border color of #b22daa.

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

CSS codes

.text {color:#b22daa;}

.background {background-color:#b22daa;}

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

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

#060106
```
#060106 rgb(6,1,6)
```
#150514
```
#150514 rgb(21,5,20)
```
#250923
```
#250923 rgb(37,9,35)
```
#350d32
```
#350d32 rgb(53,13,50)
```
#441141
```
#441141 rgb(68,17,65)
```
#541550
```
#541550 rgb(84,21,80)
```
#64195f
```
#64195f rgb(100,25,95)
```
#731d6e
```
#731d6e rgb(115,29,110)
```
#83217d
```
#83217d rgb(131,33,125)
```
#93258c
```
#93258c rgb(147,37,140)
```
#a2299b
```
#a2299b rgb(162,41,155)
```
#b22daa
```
#b22daa rgb(178,45,170)
```
#c231b9
```
#c231b9 rgb(194,49,185)
```

Shade Color Variation

#cd39c4
```
#cd39c4 rgb(205,57,196)
```
#d149c9
```
#d149c9 rgb(209,73,201)
```
#d559cd
```
#d559cd rgb(213,89,205)
```
#d968d2
```
#d968d2 rgb(217,104,210)
```
#dd78d7
```
#dd78d7 rgb(221,120,215)
```
#e188db
```
#e188db rgb(225,136,219)
```
#e597e0
```
#e597e0 rgb(229,151,224)
```
#e9a7e5
```
#e9a7e5 rgb(233,167,229)
```
#edb6e9
```
#edb6e9 rgb(237,182,233)
```
#f1c6ee
```
#f1c6ee rgb(241,198,238)
```
#f5d6f3
```
#f5d6f3 rgb(245,214,243)
```
#f9e5f7
```
#f9e5f7 rgb(249,229,247)
```
#fdf5fc
```
#fdf5fc rgb(253,245,252)
```

Tint Color Variation

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

#766975
```
#766975 rgb(118,105,117)
```
#7f607d
```
#7f607d rgb(127,96,125)
```
#875884
```
#875884 rgb(135,88,132)
```
#904f8c
```
#904f8c rgb(144,79,140)
```
#984793
```
#984793 rgb(152,71,147)
```
#a13e9b
```
#a13e9b rgb(161,62,155)
```
#a936a2
```
#a936a2 rgb(169,54,162)
```
#b22daa
```
#b22daa rgb(178,45,170)
```
#bb24b2
```
#bb24b2 rgb(187,36,178)
```
#c31cb9
```
#c31cb9 rgb(195,28,185)
```
#cc13c1
```
#cc13c1 rgb(204,19,193)
```
#d40bc8
```
#d40bc8 rgb(212,11,200)
```
#dd02d0
```
#dd02d0 rgb(221,2,208)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#735871 Atypical Achromatopsia 0.001% of the population

Dichromacy

#106dd6 Protanopia 1% of men
#5b70a0 Deuteranopia 1% of men
#ac565b Tritanopia 0.001% of the population

Trichromacy

#4b56c6 Protanomaly 1% of men, 0.01% of women
#7a57a4 Deuteranomaly 6% of men, 0.4% of women
#ae4778 Tritanomaly 0.01% of the population

#b22daa hex color

#b22daa Color Information

#b22daa Color Conversion

Color Schemes with #b22daa

Alternatives to #b22daa

#b22daa Preview

Shades and Tints of #b22daa

Tones of #b22daa

Color Blindness Simulator