#bd3dfd hex color

In a RGB color space, hex #bd3dfd is composed of 74.1% red, 23.9% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 25.3% cyan, 75.9% magenta, 0% yellow and 0.8% black. It has a hue angle of 280 degrees, a saturation of 98% and a lightness of 61.6%. #bd3dfd color hex could be obtained by blending #ff7aff with #7b00fb. Closest websafe color is: #cc33ff.

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

● #bd3dfd color description : Bright violet.

The hexadecimal color #bd3dfd has RGB values of R:189, G:61, B:253 and CMYK values of C:0.25, M:0.76, Y:0, K:0.01. Its decimal value is 12402173.

Hex triplet	bd3dfd	`#bd3dfd`
RGB Decimal	189, 61, 253	`rgb(189,61,253)`
RGB Percent	74.1, 23.9, 99.2	`rgb(74.1%,23.9%,99.2%)`
CMYK	25, 76, 0, 1
HSL	280°, 98, 61.6	`hsl(280,98%,61.6%)`
HSV (or HSB)	280°, 75.9, 99.2
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	53.221, 77.516, -71.694
XYZ	40.382, 21.249, 94.897
xyY	0.258, 0.136, 21.249
CIE-LCH	53.221, 105.588, 317.234
CIE-LUV	53.221, 36.706, -118.51
Hunter-Lab	46.097, 75.701, -89.789
Binary	10111101, 00111101, 11111101

#bd3dfd
```
#bd3dfd rgb(189,61,253)
```
#7dfd3d
```
#7dfd3d rgb(125,253,61)
```

Complementary Color

#5d3dfd
```
#5d3dfd rgb(93,61,253)
```
#bd3dfd
```
#bd3dfd rgb(189,61,253)
```
#fd3ddd
```
#fd3ddd rgb(253,61,221)
```

Analogous Color

#3dfd5d
```
#3dfd5d rgb(61,253,93)
```
#bd3dfd
```
#bd3dfd rgb(189,61,253)
```
#ddfd3d
```
#ddfd3d rgb(221,253,61)
```

Split Complementary Color

#3dfdbd
```
#3dfdbd rgb(61,253,189)
```
#bd3dfd
```
#bd3dfd rgb(189,61,253)
```
#fdbd3d
```
#fdbd3d rgb(253,189,61)
```

Triadic Color

#3d7dfd
```
#3d7dfd rgb(61,125,253)
```
#bd3dfd
```
#bd3dfd rgb(189,61,253)
```
#fdbd3d
```
#fdbd3d rgb(253,189,61)
```
#7dfd3d
```
#7dfd3d rgb(125,253,61)
```

Tetradic Color

#9e02eb
```
#9e02eb rgb(158,2,235)
```
#ac0bfc
```
#ac0bfc rgb(172,11,252)
```
#b424fd
```
#b424fd rgb(180,36,253)
```
#bd3dfd
```
#bd3dfd rgb(189,61,253)
```
#c656fd
```
#c656fd rgb(198,86,253)
```
#ce6ffe
```
#ce6ffe rgb(206,111,254)
```
#d789fe
```
#d789fe rgb(215,137,254)
```

Monochromatic Color

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

#8d3dfd
```
#8d3dfd rgb(141,61,253)
```
#9d3dfd
```
#9d3dfd rgb(157,61,253)
```
#ad3dfd
```
#ad3dfd rgb(173,61,253)
```
#bd3dfd
```
#bd3dfd rgb(189,61,253)
```
#cd3dfd
```
#cd3dfd rgb(205,61,253)
```
#dd3dfd
```
#dd3dfd rgb(221,61,253)
```
#ed3dfd
```
#ed3dfd rgb(237,61,253)
```

Similar Colors

Text with hexadecimal color #bd3dfd

This text has a font color of #bd3dfd.

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

#bd3dfd background color

This paragraph has a background color of #bd3dfd.

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

#bd3dfd border color

This element has a border color of #bd3dfd.

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

CSS codes

.text {color:#bd3dfd;}

.background {background-color:#bd3dfd;}

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

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, #000000 is the darkest color, while #f8ecff is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#0d0014
```
#0d0014 rgb(13,0,20)
```
#1a0027
```
#1a0027 rgb(26,0,39)
```
#27013a
```
#27013a rgb(39,1,58)
```
#34014e
```
#34014e rgb(52,1,78)
```
#410161
```
#410161 rgb(65,1,97)
```
#4e0175
```
#4e0175 rgb(78,1,117)
```
#5b0188
```
#5b0188 rgb(91,1,136)
```
#68029b
```
#68029b rgb(104,2,155)
```
#7502af
```
#7502af rgb(117,2,175)
```
#8202c2
```
#8202c2 rgb(130,2,194)
```
#8f02d6
```
#8f02d6 rgb(143,2,214)
```
#9c02e9
```
#9c02e9 rgb(156,2,233)
```

Shade Color Variation

#a903fc
```
#a903fc rgb(169,3,252)
```
#b016fd
```
#b016fd rgb(176,22,253)
```
#b62afd
```
#b62afd rgb(182,42,253)
```
#bd3dfd
```
#bd3dfd rgb(189,61,253)
```
#c450fd
```
#c450fd rgb(196,80,253)
```
#ca64fd
```
#ca64fd rgb(202,100,253)
```
#d177fe
```
#d177fe rgb(209,119,254)
```
#d78bfe
```
#d78bfe rgb(215,139,254)
```
#de9efe
```
#de9efe rgb(222,158,254)
```
#e5b1fe
```
#e5b1fe rgb(229,177,254)
```
#ebc5fe
```
#ebc5fe rgb(235,197,254)
```
#f2d8ff
```
#f2d8ff rgb(242,216,255)
```
#f8ecff
```
#f8ecff rgb(248,236,255)
```

Tint Color Variation

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

#9f97a3
```
#9f97a3 rgb(159,151,163)
```
#a190aa
```
#a190aa rgb(161,144,170)
```
#a488b2
```
#a488b2 rgb(164,136,178)
```
#a681b9
```
#a681b9 rgb(166,129,185)
```
#a979c1
```
#a979c1 rgb(169,121,193)
```
#ab72c8
```
#ab72c8 rgb(171,114,200)
```
#ae6ad0
```
#ae6ad0 rgb(174,106,208)
```
#b063d7
```
#b063d7 rgb(176,99,215)
```
#b35bdf
```
#b35bdf rgb(179,91,223)
```
#b554e6
```
#b554e6 rgb(181,84,230)
```
#b84cee
```
#b84cee rgb(184,76,238)
```
#ba45f5
```
#ba45f5 rgb(186,69,245)
```
#bd3dfd
```
#bd3dfd rgb(189,61,253)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#876d93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0081fd Protanopia 1% of men
#0088e1 Deuteranopia 1% of men
#a87981 Tritanopia 0.001% of the population

Trichromacy

#4468fd Protanomaly 1% of men, 0.01% of women
#446ceb Deuteranomaly 6% of men, 0.4% of women
#b063ae Tritanomaly 0.01% of the population

#bd3dfd hex color

#bd3dfd Color Information

#bd3dfd Color Conversion

Color Schemes with #bd3dfd

Alternatives to #bd3dfd

#bd3dfd Preview

Shades and Tints of #bd3dfd

Tones of #bd3dfd

Color Blindness Simulator