#b20a99 hex color

In a RGB color space, hex #b20a99 is composed of 69.8% red, 3.9% green and 60% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 94.4% magenta, 14% yellow and 30.2% black. It has a hue angle of 308.9 degrees, a saturation of 89.4% and a lightness of 36.9%. #b20a99 color hex could be obtained by blending #ff14ff with #650033. Closest websafe color is: #990099.

♥
- f
- t
- g
- R 70
- G 4
- B 60
RGB color chart
- C 0
- M 94
- Y 14
- K 30
CMYK color chart

● #b20a99 color description : Dark magenta.

The hexadecimal color #b20a99 has RGB values of R:178, G:10, B:153 and CMYK values of C:0, M:0.94, Y:0.14, K:0.3. Its decimal value is 11668121.

Hex triplet	b20a99	`#b20a99`
RGB Decimal	178, 10, 153	`rgb(178,10,153)`
RGB Percent	69.8, 3.9, 60	`rgb(69.8%,3.9%,60%)`
CMYK	0, 94, 14, 30
HSL	308.9°, 89.4, 36.9	`hsl(308.9,89.4%,36.9%)`
HSV (or HSB)	308.9°, 94.4, 69.8
Web Safe	990099	`#990099`

CIE-LAB	41.191, 70.473, -33.212
XYZ	24.218, 11.984, 31.173
xyY	0.359, 0.178, 11.984
CIE-LCH	41.191, 77.907, 334.767
CIE-LUV	41.191, 68.428, -56.649
Hunter-Lab	34.618, 64.295, -29.157
Binary	10110010, 00001010, 10011001

#b20a99
```
#b20a99 rgb(178,10,153)
```
#0ab223
```
#0ab223 rgb(10,178,35)
```

Complementary Color

#770ab2
```
#770ab2 rgb(119,10,178)
```
#b20a99
```
#b20a99 rgb(178,10,153)
```
#b20a45
```
#b20a45 rgb(178,10,69)
```

Analogous Color

#0ab277
```
#0ab277 rgb(10,178,119)
```
#b20a99
```
#b20a99 rgb(178,10,153)
```
#45b20a
```
#45b20a rgb(69,178,10)
```

Split Complementary Color

#0a99b2
```
#0a99b2 rgb(10,153,178)
```
#b20a99
```
#b20a99 rgb(178,10,153)
```
#99b20a
```
#99b20a rgb(153,178,10)
```

Triadic Color

#230ab2
```
#230ab2 rgb(35,10,178)
```
#b20a99
```
#b20a99 rgb(178,10,153)
```
#99b20a
```
#99b20a rgb(153,178,10)
```
#0ab223
```
#0ab223 rgb(10,178,35)
```

Tetradic Color

#6a065b
```
#6a065b rgb(106,6,91)
```
#82076f
```
#82076f rgb(130,7,111)
```
#9a0984
```
#9a0984 rgb(154,9,132)
```
#b20a99
```
#b20a99 rgb(178,10,153)
```
#ca0bae
```
#ca0bae rgb(202,11,174)
```
#e20dc3
```
#e20dc3 rgb(226,13,195)
```
#f217d1
```
#f217d1 rgb(242,23,209)
```

Monochromatic Color

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

#a10ab2
```
#a10ab2 rgb(161,10,178)
```
#af0ab2
```
#af0ab2 rgb(175,10,178)
```
#b20aa7
```
#b20aa7 rgb(178,10,167)
```
#b20a99
```
#b20a99 rgb(178,10,153)
```
#b20a8b
```
#b20a8b rgb(178,10,139)
```
#b20a7d
```
#b20a7d rgb(178,10,125)
```
#b20a6f
```
#b20a6f rgb(178,10,111)
```

Similar Colors

Text with hexadecimal color #b20a99

This text has a font color of #b20a99.

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

#b20a99 background color

This paragraph has a background color of #b20a99.

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

#b20a99 border color

This element has a border color of #b20a99.

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

CSS codes

.text {color:#b20a99;}

.background {background-color:#b20a99;}

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

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

#0b0109
```
#0b0109 rgb(11,1,9)
```
#1d0219
```
#1d0219 rgb(29,2,25)
```
#300329
```
#300329 rgb(48,3,41)
```
#430439
```
#430439 rgb(67,4,57)
```
#550549
```
#550549 rgb(85,5,73)
```
#680659
```
#680659 rgb(104,6,89)
```
#7a0769
```
#7a0769 rgb(122,7,105)
```
#8d0879
```
#8d0879 rgb(141,8,121)
```
#9f0989
```
#9f0989 rgb(159,9,137)
```
#b20a99
```
#b20a99 rgb(178,10,153)
```
#c50ba9
```
#c50ba9 rgb(197,11,169)
```
#d70cb9
```
#d70cb9 rgb(215,12,185)
```
#ea0dc9
```
#ea0dc9 rgb(234,13,201)
```

Shade Color Variation

#f218d2
```
#f218d2 rgb(242,24,210)
```
#f32bd5
```
#f32bd5 rgb(243,43,213)
```
#f43ed9
```
#f43ed9 rgb(244,62,217)
```
#f550dd
```
#f550dd rgb(245,80,221)
```
#f663e0
```
#f663e0 rgb(246,99,224)
```
#f775e4
```
#f775e4 rgb(247,117,228)
```
#f888e8
```
#f888e8 rgb(248,136,232)
```
#f99aeb
```
#f99aeb rgb(249,154,235)
```
#faadef
```
#faadef rgb(250,173,239)
```
#fbc0f3
```
#fbc0f3 rgb(251,192,243)
```
#fcd2f6
```
#fcd2f6 rgb(252,210,246)
```
#fee5fa
```
#fee5fa rgb(254,229,250)
```
#fff7fd
```
#fff7fd rgb(255,247,253)
```

Tint Color Variation

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

#625a61
```
#625a61 rgb(98,90,97)
```
#6a5266
```
#6a5266 rgb(106,82,102)
```
#714b6b
```
#714b6b rgb(113,75,107)
```
#784470
```
#784470 rgb(120,68,112)
```
#7f3d75
```
#7f3d75 rgb(127,61,117)
```
#87357b
```
#87357b rgb(135,53,123)
```
#8e2e80
```
#8e2e80 rgb(142,46,128)
```
#952785
```
#952785 rgb(149,39,133)
```
#9c208a
```
#9c208a rgb(156,32,138)
```
#a4188f
```
#a4188f rgb(164,24,143)
```
#ab1194
```
#ab1194 rgb(171,17,148)
```
#b20a99
```
#b20a99 rgb(178,10,153)
```
#b9039e
```
#b9039e rgb(185,3,158)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#61405c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c8 Protanopia 1% of men
#5a688f Deuteranopia 1% of men
#ad4549 Tritanopia 0.001% of the population

Trichromacy

#4044b7 Protanomaly 1% of men, 0.01% of women
#7a4693 Deuteranomaly 6% of men, 0.4% of women
#af2f66 Tritanomaly 0.01% of the population

#b20a99 hex color

#b20a99 Color Information

#b20a99 Color Conversion

Color Schemes with #b20a99

Alternatives to #b20a99

#b20a99 Preview

Shades and Tints of #b20a99

Tones of #b20a99

Color Blindness Simulator