#bd5dfd hex color

In a RGB color space, hex #bd5dfd is composed of 74.1% red, 36.5% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 25.3% cyan, 63.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 276 degrees, a saturation of 97.6% and a lightness of 67.8%. #bd5dfd color hex could be obtained by blending #ffbaff with #7b00fb. Closest websafe color is: #cc66ff.

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

● #bd5dfd color description : Soft violet.

The hexadecimal color #bd5dfd has RGB values of R:189, G:93, B:253 and CMYK values of C:0.25, M:0.63, Y:0, K:0.01. Its decimal value is 12410365.

Hex triplet	bd5dfd	`#bd5dfd`
RGB Decimal	189, 93, 253	`rgb(189,93,253)`
RGB Percent	74.1, 36.5, 99.2	`rgb(74.1%,36.5%,99.2%)`
CMYK	25, 63, 0, 1
HSL	276°, 97.6, 67.8	`hsl(276,97.6%,67.8%)`
HSV (or HSB)	276°, 63.2, 99.2
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	57.79, 64.667, -64.319
XYZ	42.628, 25.74, 95.646
xyY	0.26, 0.157, 25.74
CIE-LCH	57.79, 91.207, 315.154
CIE-LUV	57.79, 30.361, -108.66
Hunter-Lab	50.735, 61.19, -76.26
Binary	10111101, 01011101, 11111101

#bd5dfd
```
#bd5dfd rgb(189,93,253)
```
#9dfd5d
```
#9dfd5d rgb(157,253,93)
```

Complementary Color

#6d5dfd
```
#6d5dfd rgb(109,93,253)
```
#bd5dfd
```
#bd5dfd rgb(189,93,253)
```
#fd5ded
```
#fd5ded rgb(253,93,237)
```

Analogous Color

#5dfd6d
```
#5dfd6d rgb(93,253,109)
```
#bd5dfd
```
#bd5dfd rgb(189,93,253)
```
#edfd5d
```
#edfd5d rgb(237,253,93)
```

Split Complementary Color

#5dfdbd
```
#5dfdbd rgb(93,253,189)
```
#bd5dfd
```
#bd5dfd rgb(189,93,253)
```
#fdbd5d
```
#fdbd5d rgb(253,189,93)
```

Triadic Color

#5d9dfd
```
#5d9dfd rgb(93,157,253)
```
#bd5dfd
```
#bd5dfd rgb(189,93,253)
```
#fdbd5d
```
#fdbd5d rgb(253,189,93)
```
#9dfd5d
```
#9dfd5d rgb(157,253,93)
```

Tetradic Color

#9e11fc
```
#9e11fc rgb(158,17,252)
```
#a82bfc
```
#a82bfc rgb(168,43,252)
```
#b344fd
```
#b344fd rgb(179,68,253)
```
#bd5dfd
```
#bd5dfd rgb(189,93,253)
```
#c776fd
```
#c776fd rgb(199,118,253)
```
#d28ffe
```
#d28ffe rgb(210,143,254)
```
#dca9fe
```
#dca9fe rgb(220,169,254)
```

Monochromatic Color

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

#955dfd
```
#955dfd rgb(149,93,253)
```
#a25dfd
```
#a25dfd rgb(162,93,253)
```
#b05dfd
```
#b05dfd rgb(176,93,253)
```
#bd5dfd
```
#bd5dfd rgb(189,93,253)
```
#ca5dfd
```
#ca5dfd rgb(202,93,253)
```
#d85dfd
```
#d85dfd rgb(216,93,253)
```
#e55dfd
```
#e55dfd rgb(229,93,253)
```

Similar Colors

Text with hexadecimal color #bd5dfd

This text has a font color of #bd5dfd.

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

#bd5dfd background color

This paragraph has a background color of #bd5dfd.

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

#bd5dfd border color

This element has a border color of #bd5dfd.

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

CSS codes

.text {color:#bd5dfd;}

.background {background-color:#bd5dfd;}

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

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

#07000c
```
#07000c rgb(7,0,12)
```
#130020
```
#130020 rgb(19,0,32)
```
#1f0133
```
#1f0133 rgb(31,1,51)
```
#2b0147
```
#2b0147 rgb(43,1,71)
```
#36015a
```
#36015a rgb(54,1,90)
```
#42016d
```
#42016d rgb(66,1,109)
```
#4e0281
```
#4e0281 rgb(78,2,129)
```
#5a0294
```
#5a0294 rgb(90,2,148)
```
#6502a7
```
#6502a7 rgb(101,2,167)
```
#7102bb
```
#7102bb rgb(113,2,187)
```
#7d03ce
```
#7d03ce rgb(125,3,206)
```
#8803e2
```
#8803e2 rgb(136,3,226)
```
#9403f5
```
#9403f5 rgb(148,3,245)
```

Shade Color Variation

#9d0ffc
```
#9d0ffc rgb(157,15,252)
```
#a523fc
```
#a523fc rgb(165,35,252)
```
#ad36fd
```
#ad36fd rgb(173,54,253)
```
#b54afd
```
#b54afd rgb(181,74,253)
```
#bd5dfd
```
#bd5dfd rgb(189,93,253)
```
#c570fd
```
#c570fd rgb(197,112,253)
```
#cd84fd
```
#cd84fd rgb(205,132,253)
```
#d597fe
```
#d597fe rgb(213,151,254)
```
#ddabfe
```
#ddabfe rgb(221,171,254)
```
#e4befe
```
#e4befe rgb(228,190,254)
```
#ecd1fe
```
#ecd1fe rgb(236,209,254)
```
#f4e5ff
```
#f4e5ff rgb(244,229,255)
```
#fcf8ff
```
#fcf8ff rgb(252,248,255)
```

Tint Color Variation

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

#aea9b1
```
#aea9b1 rgb(174,169,177)
```
#afa2b8
```
#afa2b8 rgb(175,162,184)
```
#b09cbe
```
#b09cbe rgb(176,156,190)
```
#b296c4
```
#b296c4 rgb(178,150,196)
```
#b38fcb
```
#b38fcb rgb(179,143,203)
```
#b489d1
```
#b489d1 rgb(180,137,209)
```
#b583d7
```
#b583d7 rgb(181,131,215)
```
#b77ddd
```
#b77ddd rgb(183,125,221)
```
#b876e4
```
#b876e4 rgb(184,118,228)
```
#b970ea
```
#b970ea rgb(185,112,234)
```
#ba6af0
```
#ba6af0 rgb(186,106,240)
```
#bc63f7
```
#bc63f7 rgb(188,99,247)
```
#bd5dfd
```
#bd5dfd rgb(189,93,253)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#9683a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c8dff Protanopia 1% of men
#3d92ed Deuteranopia 1% of men
#aa8791 Tritanopia 0.001% of the population

Trichromacy

#757bfe Protanomaly 1% of men, 0.01% of women
#6b7ff3 Deuteranomaly 6% of men, 0.4% of women
#b178b8 Tritanomaly 0.01% of the population

#bd5dfd hex color

#bd5dfd Color Information

#bd5dfd Color Conversion

Color Schemes with #bd5dfd

Alternatives to #bd5dfd

#bd5dfd Preview

Shades and Tints of #bd5dfd

Tones of #bd5dfd

Color Blindness Simulator