#b20f99 hex color

In a RGB color space, hex #b20f99 is composed of 69.8% red, 5.9% green and 60% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.6% magenta, 14% yellow and 30.2% black. It has a hue angle of 309.2 degrees, a saturation of 84.5% and a lightness of 37.8%. #b20f99 color hex could be obtained by blending #ff1eff with #650033. Closest websafe color is: #990099.

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

● #b20f99 color description : Dark magenta.

The hexadecimal color #b20f99 has RGB values of R:178, G:15, B:153 and CMYK values of C:0, M:0.92, Y:0.14, K:0.3. Its decimal value is 11669401.

Hex triplet	b20f99	`#b20f99`
RGB Decimal	178, 15, 153	`rgb(178,15,153)`
RGB Percent	69.8, 5.9, 60	`rgb(69.8%,5.9%,60%)`
CMYK	0, 92, 14, 30
HSL	309.2°, 84.5, 37.8	`hsl(309.2,84.5%,37.8%)`
HSV (or HSB)	309.2°, 91.6, 69.8
Web Safe	990099	`#990099`

CIE-LAB	41.388, 69.894, -32.901
XYZ	24.281, 12.109, 31.194
xyY	0.359, 0.179, 12.109
CIE-LCH	41.388, 77.25, 334.793
CIE-LUV	41.388, 68.037, -56.205
Hunter-Lab	34.797, 63.657, -28.792
Binary	10110010, 00001111, 10011001

#b20f99
```
#b20f99 rgb(178,15,153)
```
#0fb228
```
#0fb228 rgb(15,178,40)
```

Complementary Color

#7a0fb2
```
#7a0fb2 rgb(122,15,178)
```
#b20f99
```
#b20f99 rgb(178,15,153)
```
#b20f48
```
#b20f48 rgb(178,15,72)
```

Analogous Color

#0fb27a
```
#0fb27a rgb(15,178,122)
```
#b20f99
```
#b20f99 rgb(178,15,153)
```
#48b20f
```
#48b20f rgb(72,178,15)
```

Split Complementary Color

#0f99b2
```
#0f99b2 rgb(15,153,178)
```
#b20f99
```
#b20f99 rgb(178,15,153)
```
#99b20f
```
#99b20f rgb(153,178,15)
```

Triadic Color

#280fb2
```
#280fb2 rgb(40,15,178)
```
#b20f99
```
#b20f99 rgb(178,15,153)
```
#99b20f
```
#99b20f rgb(153,178,15)
```
#0fb228
```
#0fb228 rgb(15,178,40)
```

Tetradic Color

#6b095c
```
#6b095c rgb(107,9,92)
```
#830b71
```
#830b71 rgb(131,11,113)
```
#9a0d85
```
#9a0d85 rgb(154,13,133)
```
#b20f99
```
#b20f99 rgb(178,15,153)
```
#ca11ad
```
#ca11ad rgb(202,17,173)
```
#e113c1
```
#e113c1 rgb(225,19,193)
```
#ec21cd
```
#ec21cd rgb(236,33,205)
```

Monochromatic Color

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

#a20fb2
```
#a20fb2 rgb(162,15,178)
```
#b00fb2
```
#b00fb2 rgb(176,15,178)
```
#b20fa7
```
#b20fa7 rgb(178,15,167)
```
#b20f99
```
#b20f99 rgb(178,15,153)
```
#b20f8b
```
#b20f8b rgb(178,15,139)
```
#b20f7e
```
#b20f7e rgb(178,15,126)
```
#b20f70
```
#b20f70 rgb(178,15,112)
```

Similar Colors

Text with hexadecimal color #b20f99

This text has a font color of #b20f99.

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

#b20f99 background color

This paragraph has a background color of #b20f99.

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

#b20f99 border color

This element has a border color of #b20f99.

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

CSS codes

.text {color:#b20f99;}

.background {background-color:#b20f99;}

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

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

#0f010d
```
#0f010d rgb(15,1,13)
```
#21031d
```
#21031d rgb(33,3,29)
```
#33042c
```
#33042c rgb(51,4,44)
```
#45063c
```
#45063c rgb(69,6,60)
```
#58074b
```
#58074b rgb(88,7,75)
```
#6a095b
```
#6a095b rgb(106,9,91)
```
#7c0a6a
```
#7c0a6a rgb(124,10,106)
```
#8e0c7a
```
#8e0c7a rgb(142,12,122)
```
#a00d89
```
#a00d89 rgb(160,13,137)
```
#b20f99
```
#b20f99 rgb(178,15,153)
```
#c411a9
```
#c411a9 rgb(196,17,169)
```
#d612b8
```
#d612b8 rgb(214,18,184)
```
#e814c8
```
#e814c8 rgb(232,20,200)
```

Shade Color Variation

#ec23ce
```
#ec23ce rgb(236,35,206)
```
#ee35d2
```
#ee35d2 rgb(238,53,210)
```
#f047d6
```
#f047d6 rgb(240,71,214)
```
#f159da
```
#f159da rgb(241,89,218)
```
#f36bde
```
#f36bde rgb(243,107,222)
```
#f47de2
```
#f47de2 rgb(244,125,226)
```
#f690e6
```
#f690e6 rgb(246,144,230)
```
#f7a2ea
```
#f7a2ea rgb(247,162,234)
```
#f9b4ee
```
#f9b4ee rgb(249,180,238)
```
#fac6f2
```
#fac6f2 rgb(250,198,242)
```
#fcd8f6
```
#fcd8f6 rgb(252,216,246)
```
#fdeafa
```
#fdeafa rgb(253,234,250)
```
#fffcfe
```
#fffcfe rgb(255,252,254)
```

Tint Color Variation

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

#685966
```
#685966 rgb(104,89,102)
```
#6f526b
```
#6f526b rgb(111,82,107)
```
#774a70
```
#774a70 rgb(119,74,112)
```
#7e4375
```
#7e4375 rgb(126,67,117)
```
#853c7a
```
#853c7a rgb(133,60,122)
```
#8d347f
```
#8d347f rgb(141,52,127)
```
#942d84
```
#942d84 rgb(148,45,132)
```
#9c258a
```
#9c258a rgb(156,37,138)
```
#a31e8f
```
#a31e8f rgb(163,30,143)
```
#ab1694
```
#ab1694 rgb(171,22,148)
```
#b20f99
```
#b20f99 rgb(178,15,153)
```
#b9089e
```
#b9089e rgb(185,8,158)
```
#c100a3
```
#c100a3 rgb(193,0,163)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#63425e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c9 Protanopia 1% of men
#5b688f Deuteranopia 1% of men
#ad464a Tritanopia 0.001% of the population

Trichromacy

#4046b7 Protanomaly 1% of men, 0.01% of women
#7b4893 Deuteranomaly 6% of men, 0.4% of women
#af3266 Tritanomaly 0.01% of the population

#b20f99 hex color

#b20f99 Color Information

#b20f99 Color Conversion

Color Schemes with #b20f99

Alternatives to #b20f99

#b20f99 Preview

Shades and Tints of #b20f99

Tones of #b20f99

Color Blindness Simulator