#bd3aed hex color

In a RGB color space, hex #bd3aed is composed of 74.1% red, 22.7% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 20.3% cyan, 75.5% magenta, 0% yellow and 7.1% black. It has a hue angle of 283.9 degrees, a saturation of 83.3% and a lightness of 57.8%. #bd3aed color hex could be obtained by blending #ff74ff with #7b00db. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 74
- G 23
- B 93
RGB color chart
- C 20
- M 76
- Y 0
- K 7
CMYK color chart

● #bd3aed color description : Bright violet.

The hexadecimal color #bd3aed has RGB values of R:189, G:58, B:237 and CMYK values of C:0.2, M:0.76, Y:0, K:0.07. Its decimal value is 12401389.

Hex triplet	bd3aed	`#bd3aed`
RGB Decimal	189, 58, 237	`rgb(189,58,237)`
RGB Percent	74.1, 22.7, 92.9	`rgb(74.1%,22.7%,92.9%)`
CMYK	20, 76, 0, 7
HSL	283.9°, 83.3, 57.8	`hsl(283.9,83.3%,57.8%)`
HSV (or HSB)	283.9°, 75.5, 92.9
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	51.793, 75.431, -65.062
XYZ	37.783, 19.961, 81.979
xyY	0.27, 0.143, 19.961
CIE-LCH	51.793, 99.614, 319.221
CIE-LUV	51.793, 41.298, -107.906
Hunter-Lab	44.678, 72.771, -77.517
Binary	10111101, 00111010, 11101101

#bd3aed
```
#bd3aed rgb(189,58,237)
```
#6aed3a
```
#6aed3a rgb(106,237,58)
```

Complementary Color

#643aed
```
#643aed rgb(100,58,237)
```
#bd3aed
```
#bd3aed rgb(189,58,237)
```
#ed3ac4
```
#ed3ac4 rgb(237,58,196)
```

Analogous Color

#3aed64
```
#3aed64 rgb(58,237,100)
```
#bd3aed
```
#bd3aed rgb(189,58,237)
```
#c4ed3a
```
#c4ed3a rgb(196,237,58)
```

Split Complementary Color

#3aedbd
```
#3aedbd rgb(58,237,189)
```
#bd3aed
```
#bd3aed rgb(189,58,237)
```
#edbd3a
```
#edbd3a rgb(237,189,58)
```

Triadic Color

#3a6aed
```
#3a6aed rgb(58,106,237)
```
#bd3aed
```
#bd3aed rgb(189,58,237)
```
#edbd3a
```
#edbd3a rgb(237,189,58)
```
#6aed3a
```
#6aed3a rgb(106,237,58)
```

Tetradic Color

#9712c8
```
#9712c8 rgb(151,18,200)
```
#a914e0
```
#a914e0 rgb(169,20,224)
```
#b523eb
```
#b523eb rgb(181,35,235)
```
#bd3aed
```
#bd3aed rgb(189,58,237)
```
#c551ef
```
#c551ef rgb(197,81,239)
```
#cd69f1
```
#cd69f1 rgb(205,105,241)
```
#d480f3
```
#d480f3 rgb(212,128,243)
```

Monochromatic Color

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

#903aed
```
#903aed rgb(144,58,237)
```
#9f3aed
```
#9f3aed rgb(159,58,237)
```
#ae3aed
```
#ae3aed rgb(174,58,237)
```
#bd3aed
```
#bd3aed rgb(189,58,237)
```
#cc3aed
```
#cc3aed rgb(204,58,237)
```
#db3aed
```
#db3aed rgb(219,58,237)
```
#ea3aed
```
#ea3aed rgb(234,58,237)
```

Similar Colors

Text with hexadecimal color #bd3aed

This text has a font color of #bd3aed.

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

#bd3aed background color

This paragraph has a background color of #bd3aed.

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

#bd3aed border color

This element has a border color of #bd3aed.

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

CSS codes

.text {color:#bd3aed;}

.background {background-color:#bd3aed;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#0e0213
```
#0e0213 rgb(14,2,19)
```
#1c0325
```
#1c0325 rgb(28,3,37)
```
#290537
```
#290537 rgb(41,5,55)
```
#370749
```
#370749 rgb(55,7,73)
```
#45085b
```
#45085b rgb(69,8,91)
```
#520a6d
```
#520a6d rgb(82,10,109)
```
#600c7f
```
#600c7f rgb(96,12,127)
```
#6d0d90
```
#6d0d90 rgb(109,13,144)
```
#7b0fa2
```
#7b0fa2 rgb(123,15,162)
```
#8810b4
```
#8810b4 rgb(136,16,180)
```
#9612c6
```
#9612c6 rgb(150,18,198)
```
#a414d8
```
#a414d8 rgb(164,20,216)
```

Shade Color Variation

#b116ea
```
#b116ea rgb(177,22,234)
```
#b728eb
```
#b728eb rgb(183,40,235)
```
#bd3aed
```
#bd3aed rgb(189,58,237)
```
#c34cef
```
#c34cef rgb(195,76,239)
```
#c95ef0
```
#c95ef0 rgb(201,94,240)
```
#cf70f2
```
#cf70f2 rgb(207,112,242)
```
#d582f4
```
#d582f4 rgb(213,130,244)
```
#db94f5
```
#db94f5 rgb(219,148,245)
```
#e1a6f7
```
#e1a6f7 rgb(225,166,247)
```
#e7b8f8
```
#e7b8f8 rgb(231,184,248)
```
#edcafa
```
#edcafa rgb(237,202,250)
```
#f3dcfc
```
#f3dcfc rgb(243,220,252)
```
#f9eefd
```
#f9eefd rgb(249,238,253)
```

Tint Color Variation

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

#978d9a
```
#978d9a rgb(151,141,154)
```
#9a84a3
```
#9a84a3 rgb(154,132,163)
```
#9e7cab
```
#9e7cab rgb(158,124,171)
```
#a274b3
```
#a274b3 rgb(162,116,179)
```
#a66cbb
```
#a66cbb rgb(166,108,187)
```
#aa63c4
```
#aa63c4 rgb(170,99,196)
```
#ae5bcc
```
#ae5bcc rgb(174,91,204)
```
#b153d4
```
#b153d4 rgb(177,83,212)
```
#b54bdc
```
#b54bdc rgb(181,75,220)
```
#b942e5
```
#b942e5 rgb(185,66,229)
```
#bd3aed
```
#bd3aed rgb(189,58,237)
```
#c132f5
```
#c132f5 rgb(193,50,245)
```
#c529fe
```
#c529fe rgb(197,41,254)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#846a8e Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ef6 Protanopia 1% of men
#2084db Deuteranopia 1% of men
#ac727a Tritanopia 0.001% of the population

Trichromacy

#4465f3 Protanomaly 1% of men, 0.01% of women
#5969e1 Deuteranomaly 6% of men, 0.4% of women
#b25da3 Tritanomaly 0.01% of the population

#bd3aed hex color

#bd3aed Color Information

#bd3aed Color Conversion

Color Schemes with #bd3aed

Alternatives to #bd3aed

#bd3aed Preview

Shades and Tints of #bd3aed

Tones of #bd3aed

Color Blindness Simulator