#bd20f0 hex color

In a RGB color space, hex #bd20f0 is composed of 74.1% red, 12.5% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 21.3% cyan, 86.7% magenta, 0% yellow and 5.9% black. It has a hue angle of 285.3 degrees, a saturation of 87.4% and a lightness of 53.3%. #bd20f0 color hex could be obtained by blending #ff40ff with #7b00e1. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 74
- G 13
- B 94
RGB color chart
- C 21
- M 87
- Y 0
- K 6
CMYK color chart

● #bd20f0 color description : Vivid magenta.

The hexadecimal color #bd20f0 has RGB values of R:189, G:32, B:240 and CMYK values of C:0.21, M:0.87, Y:0, K:0.06. Its decimal value is 12394736.

Hex triplet	bd20f0	`#bd20f0`
RGB Decimal	189, 32, 240	`rgb(189,32,240)`
RGB Percent	74.1, 12.5, 94.1	`rgb(74.1%,12.5%,94.1%)`
CMYK	21, 87, 0, 6
HSL	285.3°, 87.4, 53.3	`hsl(285.3,87.4%,53.3%)`
HSV (or HSB)	285.3°, 86.7, 94.1
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	49.671, 82.769, -70.185
XYZ	37.229, 18.145, 83.975
xyY	0.267, 0.13, 18.145
CIE-LCH	49.671, 108.521, 319.703
CIE-LUV	49.671, 43.557, -114.56
Hunter-Lab	42.597, 81.464, -87.066
Binary	10111101, 00100000, 11110000

#bd20f0
```
#bd20f0 rgb(189,32,240)
```
#53f020
```
#53f020 rgb(83,240,32)
```

Complementary Color

#5520f0
```
#5520f0 rgb(85,32,240)
```
#bd20f0
```
#bd20f0 rgb(189,32,240)
```
#f020bb
```
#f020bb rgb(240,32,187)
```

Analogous Color

#20f055
```
#20f055 rgb(32,240,85)
```
#bd20f0
```
#bd20f0 rgb(189,32,240)
```
#bbf020
```
#bbf020 rgb(187,240,32)
```

Split Complementary Color

#20f0bd
```
#20f0bd rgb(32,240,189)
```
#bd20f0
```
#bd20f0 rgb(189,32,240)
```
#f0bd20
```
#f0bd20 rgb(240,189,32)
```

Triadic Color

#2053f0
```
#2053f0 rgb(32,83,240)
```
#bd20f0
```
#bd20f0 rgb(189,32,240)
```
#f0bd20
```
#f0bd20 rgb(240,189,32)
```
#53f020
```
#53f020 rgb(83,240,32)
```

Tetradic Color

#8d0cb7
```
#8d0cb7 rgb(141,12,183)
```
#a00ecf
```
#a00ecf rgb(160,14,207)
```
#b210e7
```
#b210e7 rgb(178,16,231)
```
#bd20f0
```
#bd20f0 rgb(189,32,240)
```
#c438f2
```
#c438f2 rgb(196,56,242)
```
#cb50f3
```
#cb50f3 rgb(203,80,243)
```
#d268f5
```
#d268f5 rgb(210,104,245)
```

Monochromatic Color

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

#8920f0
```
#8920f0 rgb(137,32,240)
```
#9a20f0
```
#9a20f0 rgb(154,32,240)
```
#ac20f0
```
#ac20f0 rgb(172,32,240)
```
#bd20f0
```
#bd20f0 rgb(189,32,240)
```
#ce20f0
```
#ce20f0 rgb(206,32,240)
```
#e020f0
```
#e020f0 rgb(224,32,240)
```
#f020ef
```
#f020ef rgb(240,32,239)
```

Similar Colors

Text with hexadecimal color #bd20f0

This text has a font color of #bd20f0.

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

#bd20f0 background color

This paragraph has a background color of #bd20f0.

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

#bd20f0 border color

This element has a border color of #bd20f0.

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

CSS codes

.text {color:#bd20f0;}

.background {background-color:#bd20f0;}

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

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

#0c0110
```
#0c0110 rgb(12,1,16)
```
#1a0222
```
#1a0222 rgb(26,2,34)
```
#290435
```
#290435 rgb(41,4,53)
```
#370547
```
#370547 rgb(55,5,71)
```
#450659
```
#450659 rgb(69,6,89)
```
#53076c
```
#53076c rgb(83,7,108)
```
#61087e
```
#61087e rgb(97,8,126)
```
#700a91
```
#700a91 rgb(112,10,145)
```
#7e0ba3
```
#7e0ba3 rgb(126,11,163)
```
#8c0cb5
```
#8c0cb5 rgb(140,12,181)
```
#9a0dc8
```
#9a0dc8 rgb(154,13,200)
```
#a80fda
```
#a80fda rgb(168,15,218)
```
#b610ec
```
#b610ec rgb(182,16,236)
```

Shade Color Variation

#bd20f0
```
#bd20f0 rgb(189,32,240)
```
#c232f1
```
#c232f1 rgb(194,50,241)
```
#c845f2
```
#c845f2 rgb(200,69,242)
```
#cd57f4
```
#cd57f4 rgb(205,87,244)
```
#d36af5
```
#d36af5 rgb(211,106,245)
```
#d87cf6
```
#d87cf6 rgb(216,124,246)
```
#de8ef7
```
#de8ef7 rgb(222,142,247)
```
#e3a1f9
```
#e3a1f9 rgb(227,161,249)
```
#e9b3fa
```
#e9b3fa rgb(233,179,250)
```
#eec5fb
```
#eec5fb rgb(238,197,251)
```
#f3d8fc
```
#f3d8fc rgb(243,216,252)
```
#f9eafe
```
#f9eafe rgb(249,234,254)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#8a858b
```
#8a858b rgb(138,133,139)
```
#8e7c94
```
#8e7c94 rgb(142,124,148)
```
#93729e
```
#93729e rgb(147,114,158)
```
#9869a7
```
#9869a7 rgb(152,105,167)
```
#9c60b0
```
#9c60b0 rgb(156,96,176)
```
#a157b9
```
#a157b9 rgb(161,87,185)
```
#a64ec2
```
#a64ec2 rgb(166,78,194)
```
#aa45cb
```
#aa45cb rgb(170,69,203)
```
#af3bd5
```
#af3bd5 rgb(175,59,213)
```
#b432de
```
#b432de rgb(180,50,222)
```
#b829e7
```
#b829e7 rgb(184,41,231)
```
#bd20f0
```
#bd20f0 rgb(189,32,240)
```
#c217f9
```
#c217f9 rgb(194,23,249)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#785982 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0079ec Protanopia 1% of men
#007fd3 Deuteranopia 1% of men
#aa6b72 Tritanopia 0.001% of the population

Trichromacy

#4459ed Protanomaly 1% of men, 0.01% of women
#445cdd Deuteranomaly 6% of men, 0.4% of women
#b14fa0 Tritanomaly 0.01% of the population

#bd20f0 hex color

#bd20f0 Color Information

#bd20f0 Color Conversion

Color Schemes with #bd20f0

Alternatives to #bd20f0

#bd20f0 Preview

Shades and Tints of #bd20f0

Tones of #bd20f0

Color Blindness Simulator