#bd20fd hex color

In a RGB color space, hex #bd20fd is composed of 74.1% red, 12.5% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 25.3% cyan, 87.4% magenta, 0% yellow and 0.8% black. It has a hue angle of 282.6 degrees, a saturation of 98.2% and a lightness of 55.9%. #bd20fd color hex could be obtained by blending #ff40ff with #7b00fb. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 74
- G 13
- B 99
RGB color chart
- C 25
- M 87
- Y 0
- K 1
CMYK color chart

● #bd20fd color description : Vivid violet.

The hexadecimal color #bd20fd has RGB values of R:189, G:32, B:253 and CMYK values of C:0.25, M:0.87, Y:0, K:0.01. Its decimal value is 12394749.

Hex triplet	bd20fd	`#bd20fd`
RGB Decimal	189, 32, 253	`rgb(189,32,253)`
RGB Percent	74.1, 12.5, 99.2	`rgb(74.1%,12.5%,99.2%)`
CMYK	25, 87, 0, 1
HSL	282.6°, 98.2, 55.9	`hsl(282.6,98.2%,55.9%)`
HSV (or HSB)	282.6°, 87.4, 99.2
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	50.623, 85.107, -75.917
XYZ	39.23, 18.945, 94.513
xyY	0.257, 0.124, 18.945
CIE-LCH	50.623, 114.046, 318.267
CIE-LUV	50.623, 39.947, -123.336
Hunter-Lab	43.526, 84.712, -98.276
Binary	10111101, 00100000, 11111101

#bd20fd
```
#bd20fd rgb(189,32,253)
```
#60fd20
```
#60fd20 rgb(96,253,32)
```

Complementary Color

#4f20fd
```
#4f20fd rgb(79,32,253)
```
#bd20fd
```
#bd20fd rgb(189,32,253)
```
#fd20cf
```
#fd20cf rgb(253,32,207)
```

Analogous Color

#20fd4f
```
#20fd4f rgb(32,253,79)
```
#bd20fd
```
#bd20fd rgb(189,32,253)
```
#cffd20
```
#cffd20 rgb(207,253,32)
```

Split Complementary Color

#20fdbd
```
#20fdbd rgb(32,253,189)
```
#bd20fd
```
#bd20fd rgb(189,32,253)
```
#fdbd20
```
#fdbd20 rgb(253,189,32)
```

Triadic Color

#2060fd
```
#2060fd rgb(32,96,253)
```
#bd20fd
```
#bd20fd rgb(189,32,253)
```
#fdbd20
```
#fdbd20 rgb(253,189,32)
```
#60fd20
```
#60fd20 rgb(96,253,32)
```

Tetradic Color

#9302cf
```
#9302cf rgb(147,2,207)
```
#a502e8
```
#a502e8 rgb(165,2,232)
```
#b607fd
```
#b607fd rgb(182,7,253)
```
#bd20fd
```
#bd20fd rgb(189,32,253)
```
#c439fd
```
#c439fd rgb(196,57,253)
```
#cc53fd
```
#cc53fd rgb(204,83,253)
```
#d36cfe
```
#d36cfe rgb(211,108,254)
```

Monochromatic Color

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

#8620fd
```
#8620fd rgb(134,32,253)
```
#9820fd
```
#9820fd rgb(152,32,253)
```
#ab20fd
```
#ab20fd rgb(171,32,253)
```
#bd20fd
```
#bd20fd rgb(189,32,253)
```
#cf20fd
```
#cf20fd rgb(207,32,253)
```
#e220fd
```
#e220fd rgb(226,32,253)
```
#f420fd
```
#f420fd rgb(244,32,253)
```

Similar Colors

Text with hexadecimal color #bd20fd

This text has a font color of #bd20fd.

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

#bd20fd background color

This paragraph has a background color of #bd20fd.

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

#bd20fd border color

This element has a border color of #bd20fd.

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

CSS codes

.text {color:#bd20fd;}

.background {background-color:#bd20fd;}

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

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, #07000a is the darkest color, while #fcf6ff is the lightest one.

#07000a
```
#07000a rgb(7,0,10)
```
#15001e
```
#15001e rgb(21,0,30)
```
#230031
```
#230031 rgb(35,0,49)
```
#310145
```
#310145 rgb(49,1,69)
```
#3f0158
```
#3f0158 rgb(63,1,88)
```
#4d016b
```
#4d016b rgb(77,1,107)
```
#5b017f
```
#5b017f rgb(91,1,127)
```
#680192
```
#680192 rgb(104,1,146)
```
#7601a6
```
#7601a6 rgb(118,1,166)
```
#8402b9
```
#8402b9 rgb(132,2,185)
```
#9202cd
```
#9202cd rgb(146,2,205)
```
#a002e0
```
#a002e0 rgb(160,2,224)
```
#ae02f4
```
#ae02f4 rgb(174,2,244)
```

Shade Color Variation

#b70dfd
```
#b70dfd rgb(183,13,253)
```
#bd20fd
```
#bd20fd rgb(189,32,253)
```
#c333fd
```
#c333fd rgb(195,51,253)
```
#c947fd
```
#c947fd rgb(201,71,253)
```
#ce5afe
```
#ce5afe rgb(206,90,254)
```
#d46efe
```
#d46efe rgb(212,110,254)
```
#da81fe
```
#da81fe rgb(218,129,254)
```
#e095fe
```
#e095fe rgb(224,149,254)
```
#e5a8fe
```
#e5a8fe rgb(229,168,254)
```
#ebbcfe
```
#ebbcfe rgb(235,188,254)
```
#f1cfff
```
#f1cfff rgb(241,207,255)
```
#f7e2ff
```
#f7e2ff rgb(247,226,255)
```
#fcf6ff
```
#fcf6ff rgb(252,246,255)
```

Tint Color Variation

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

#918895
```
#918895 rgb(145,136,149)
```
#957f9e
```
#957f9e rgb(149,127,158)
```
#9977a6
```
#9977a6 rgb(153,119,166)
```
#9c6eaf
```
#9c6eaf rgb(156,110,175)
```
#a065b8
```
#a065b8 rgb(160,101,184)
```
#a45dc0
```
#a45dc0 rgb(164,93,192)
```
#a754c9
```
#a754c9 rgb(167,84,201)
```
#ab4bd2
```
#ab4bd2 rgb(171,75,210)
```
#ae43da
```
#ae43da rgb(174,67,218)
```
#b23ae3
```
#b23ae3 rgb(178,58,227)
```
#b631ec
```
#b631ec rgb(182,49,236)
```
#b929f4
```
#b929f4 rgb(185,41,244)
```
#bd20fd
```
#bd20fd rgb(189,32,253)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#795a86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007bf0 Protanopia 1% of men
#0082d5 Deuteranopia 1% of men
#a77078 Tritanopia 0.001% of the population

Trichromacy

#445af5 Protanomaly 1% of men, 0.01% of women
#445ee3 Deuteranomaly 6% of men, 0.4% of women
#af53a8 Tritanomaly 0.01% of the population

#bd20fd hex color

#bd20fd Color Information

#bd20fd Color Conversion

Color Schemes with #bd20fd

Alternatives to #bd20fd

#bd20fd Preview

Shades and Tints of #bd20fd

Tones of #bd20fd

Color Blindness Simulator