colorhexa.com

#bd20df hex color

In a RGB color space, hex #bd20df is composed of 74.1% red, 12.5% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 15.2% cyan, 85.7% magenta, 0% yellow and 12.5% black. It has a hue angle of 289.3 degrees, a saturation of 74.9% and a lightness of 50%. #bd20df color hex could be obtained by blending #ff40ff with #7b00bf. Closest websafe color is: #cc33cc.

- R 74
- G 13
- B 87
RGB color chart
- C 15
- M 86
- Y 0
- K 13
CMYK color chart

● #bd20df color description : Vivid magenta.

The hexadecimal color #bd20df has RGB values of R:189, G:32, B:223 and CMYK values of C:0.15, M:0.86, Y:0, K:0.13. Its decimal value is 12394719.

Hex triplet	bd20df	`#bd20df`
RGB Decimal	189, 32, 223	`rgb(189,32,223)`
RGB Percent	74.1, 12.5, 87.5	`rgb(74.1%,12.5%,87.5%)`
CMYK	15, 86, 0, 13
HSL	289.3°, 74.9, 50	`hsl(289.3,74.9%,50%)`
HSV (or HSB)	289.3°, 85.7, 87.5
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	48.488, 79.805, -62.482
XYZ	34.821, 17.181, 71.29
xyY	0.282, 0.139, 17.181
CIE-LCH	48.488, 101.355, 321.941
CIE-LUV	48.488, 48.661, -102.738
Hunter-Lab	41.45, 77.412, -72.957
Binary	10111101, 00100000, 11011111

#bd20df
```
#bd20df rgb(189,32,223)
```
#42df20
```
#42df20 rgb(66,223,32)
```

Complementary Color

#5d20df
```
#5d20df rgb(93,32,223)
```
#bd20df
```
#bd20df rgb(189,32,223)
```
#df20a2
```
#df20a2 rgb(223,32,162)
```

Analogous Color

#20df5d
```
#20df5d rgb(32,223,93)
```
#bd20df
```
#bd20df rgb(189,32,223)
```
#a2df20
```
#a2df20 rgb(162,223,32)
```

Split Complementary Color

#20dfbd
```
#20dfbd rgb(32,223,189)
```
#bd20df
```
#bd20df rgb(189,32,223)
```
#dfbd20
```
#dfbd20 rgb(223,189,32)
```

Triadic Color

#2042df
```
#2042df rgb(32,66,223)
```
#bd20df
```
#bd20df rgb(189,32,223)
```
#dfbd20
```
#dfbd20 rgb(223,189,32)
```
#42df20
```
#42df20 rgb(66,223,32)
```

Tetradic Color

#84169c
```
#84169c rgb(132,22,156)
```
#971ab2
```
#971ab2 rgb(151,26,178)
```
#aa1dc9
```
#aa1dc9 rgb(170,29,201)
```
#bd20df
```
#bd20df rgb(189,32,223)
```
#c436e2
```
#c436e2 rgb(196,54,226)
```
#ca4de5
```
#ca4de5 rgb(202,77,229)
```
#d163e9
```
#d163e9 rgb(209,99,233)
```

Monochromatic Color

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

#8d20df
```
#8d20df rgb(141,32,223)
```
#9d20df
```
#9d20df rgb(157,32,223)
```
#ad20df
```
#ad20df rgb(173,32,223)
```
#bd20df
```
#bd20df rgb(189,32,223)
```
#cd20df
```
#cd20df rgb(205,32,223)
```
#dd20df
```
#dd20df rgb(221,32,223)
```
#df20d1
```
#df20d1 rgb(223,32,209)
```

Similar Colors

Text with hexadecimal color #bd20df

This text has a font color of #bd20df.

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

#bd20df background color

This paragraph has a background color of #bd20df.

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

#bd20df border color

This element has a border color of #bd20df.

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

CSS codes

.text {color:#bd20df;}

.background {background-color:#bd20df;}

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

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

#0f0211
```
#0f0211 rgb(15,2,17)
```
#1d0522
```
#1d0522 rgb(29,5,34)
```
#2c0733
```
#2c0733 rgb(44,7,51)
```
#3a0a45
```
#3a0a45 rgb(58,10,69)
```
#490c56
```
#490c56 rgb(73,12,86)
```
#570f67
```
#570f67 rgb(87,15,103)
```
#661178
```
#661178 rgb(102,17,120)
```
#741489
```
#741489 rgb(116,20,137)
```
#83169a
```
#83169a rgb(131,22,154)
```
#9119ac
```
#9119ac rgb(145,25,172)
```
#a01bbd
```
#a01bbd rgb(160,27,189)
```
#ae1ece
```
#ae1ece rgb(174,30,206)
```
#bd20df
```
#bd20df rgb(189,32,223)
```

Shade Color Variation

#c231e1
```
#c231e1 rgb(194,49,225)
```
#c742e4
```
#c742e4 rgb(199,66,228)
```
#cc53e6
```
#cc53e6 rgb(204,83,230)
```
#d165e9
```
#d165e9 rgb(209,101,233)
```
#d676eb
```
#d676eb rgb(214,118,235)
```
#db87ee
```
#db87ee rgb(219,135,238)
```
#e198f0
```
#e198f0 rgb(225,152,240)
```
#e6a9f3
```
#e6a9f3 rgb(230,169,243)
```
#ebbaf5
```
#ebbaf5 rgb(235,186,245)
```
#f0ccf8
```
#f0ccf8 rgb(240,204,248)
```
#f5ddfa
```
#f5ddfa rgb(245,221,250)
```
#faeefd
```
#faeefd rgb(250,238,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#847887
```
#847887 rgb(132,120,135)
```
#8a6e91
```
#8a6e91 rgb(138,110,145)
```
#91659a
```
#91659a rgb(145,101,154)
```
#975ba4
```
#975ba4 rgb(151,91,164)
```
#9d51ae
```
#9d51ae rgb(157,81,174)
```
#a447b8
```
#a447b8 rgb(164,71,184)
```
#aa3dc2
```
#aa3dc2 rgb(170,61,194)
```
#b034cb
```
#b034cb rgb(176,52,203)
```
#b72ad5
```
#b72ad5 rgb(183,42,213)
```
#bd20df
```
#bd20df rgb(189,32,223)
```
#c316e9
```
#c316e9 rgb(195,22,233)
```
#ca0cf3
```
#ca0cf3 rgb(202,12,243)
```
#d003fc
```
#d003fc rgb(208,3,252)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#77577d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e7 Protanopia 1% of men
#257ccc Deuteranopia 1% of men
#ae646b Tritanopia 0.001% of the population

Trichromacy

#4457e4 Protanomaly 1% of men, 0.01% of women
#5c5ad3 Deuteranomaly 6% of men, 0.4% of women
#b34b95 Tritanomaly 0.01% of the population