#bd3afd hex color

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

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

● #bd3afd color description : Bright violet.

The hexadecimal color #bd3afd has RGB values of R:189, G:58, B:253 and CMYK values of C:0.25, M:0.77, Y:0, K:0.01. Its decimal value is 12401405.

Hex triplet	bd3afd	`#bd3afd`
RGB Decimal	189, 58, 253	`rgb(189,58,253)`
RGB Percent	74.1, 22.7, 99.2	`rgb(74.1%,22.7%,99.2%)`
CMYK	25, 77, 0, 1
HSL	280.3°, 98, 61	`hsl(280.3,98%,61%)`
HSV (or HSB)	280.3°, 77.1, 99.2
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	52.882, 78.497, -72.245
XYZ	40.227, 20.938, 94.846
xyY	0.258, 0.134, 20.938
CIE-LCH	52.882, 106.683, 317.375
CIE-LUV	52.882, 37.147, -119.177
Hunter-Lab	45.758, 76.845, -90.863
Binary	10111101, 00111010, 11111101

#bd3afd
```
#bd3afd rgb(189,58,253)
```
#7afd3a
```
#7afd3a rgb(122,253,58)
```

Complementary Color

#5c3afd
```
#5c3afd rgb(92,58,253)
```
#bd3afd
```
#bd3afd rgb(189,58,253)
```
#fd3adc
```
#fd3adc rgb(253,58,220)
```

Analogous Color

#3afd5c
```
#3afd5c rgb(58,253,92)
```
#bd3afd
```
#bd3afd rgb(189,58,253)
```
#dcfd3a
```
#dcfd3a rgb(220,253,58)
```

Split Complementary Color

#3afdbd
```
#3afdbd rgb(58,253,189)
```
#bd3afd
```
#bd3afd rgb(189,58,253)
```
#fdbd3a
```
#fdbd3a rgb(253,189,58)
```

Triadic Color

#3a7afd
```
#3a7afd rgb(58,122,253)
```
#bd3afd
```
#bd3afd rgb(189,58,253)
```
#fdbd3a
```
#fdbd3a rgb(253,189,58)
```
#7afd3a
```
#7afd3a rgb(122,253,58)
```

Tetradic Color

#9d02e8
```
#9d02e8 rgb(157,2,232)
```
#ac08fc
```
#ac08fc rgb(172,8,252)
```
#b521fd
```
#b521fd rgb(181,33,253)
```
#bd3afd
```
#bd3afd rgb(189,58,253)
```
#c553fd
```
#c553fd rgb(197,83,253)
```
#ce6cfe
```
#ce6cfe rgb(206,108,254)
```
#d686fe
```
#d686fe rgb(214,134,254)
```

Monochromatic Color

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

#8c3afd
```
#8c3afd rgb(140,58,253)
```
#9d3afd
```
#9d3afd rgb(157,58,253)
```
#ad3afd
```
#ad3afd rgb(173,58,253)
```
#bd3afd
```
#bd3afd rgb(189,58,253)
```
#cd3afd
```
#cd3afd rgb(205,58,253)
```
#de3afd
```
#de3afd rgb(222,58,253)
```
#ee3afd
```
#ee3afd rgb(238,58,253)
```

Similar Colors

Text with hexadecimal color #bd3afd

This text has a font color of #bd3afd.

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

#bd3afd background color

This paragraph has a background color of #bd3afd.

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

#bd3afd border color

This element has a border color of #bd3afd.

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

CSS codes

.text {color:#bd3afd;}

.background {background-color:#bd3afd;}

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

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

#0b0011
```
#0b0011 rgb(11,0,17)
```
#180024
```
#180024 rgb(24,0,36)
```
#250137
```
#250137 rgb(37,1,55)
```
#33014b
```
#33014b rgb(51,1,75)
```
#40015e
```
#40015e rgb(64,1,94)
```
#4d0172
```
#4d0172 rgb(77,1,114)
```
#5a0185
```
#5a0185 rgb(90,1,133)
```
#670299
```
#670299 rgb(103,2,153)
```
#7402ac
```
#7402ac rgb(116,2,172)
```
#8102bf
```
#8102bf rgb(129,2,191)
```
#8e02d3
```
#8e02d3 rgb(142,2,211)
```
#9b02e6
```
#9b02e6 rgb(155,2,230)
```
#a903fa
```
#a903fa rgb(169,3,250)
```

Shade Color Variation

#b013fd
```
#b013fd rgb(176,19,253)
```
#b627fd
```
#b627fd rgb(182,39,253)
```
#bd3afd
```
#bd3afd rgb(189,58,253)
```
#c44dfd
```
#c44dfd rgb(196,77,253)
```
#ca61fd
```
#ca61fd rgb(202,97,253)
```
#d174fe
```
#d174fe rgb(209,116,254)
```
#d788fe
```
#d788fe rgb(215,136,254)
```
#de9bfe
```
#de9bfe rgb(222,155,254)
```
#e4affe
```
#e4affe rgb(228,175,254)
```
#ebc2fe
```
#ebc2fe rgb(235,194,254)
```
#f1d5ff
```
#f1d5ff rgb(241,213,255)
```
#f8e9ff
```
#f8e9ff rgb(248,233,255)
```
#fefcff
```
#fefcff rgb(254,252,255)
```

Tint Color Variation

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

#9d96a1
```
#9d96a1 rgb(157,150,161)
```
#a08ea9
```
#a08ea9 rgb(160,142,169)
```
#a387b0
```
#a387b0 rgb(163,135,176)
```
#a57fb8
```
#a57fb8 rgb(165,127,184)
```
#a877c0
```
#a877c0 rgb(168,119,192)
```
#ab70c7
```
#ab70c7 rgb(171,112,199)
```
#ad68cf
```
#ad68cf rgb(173,104,207)
```
#b060d7
```
#b060d7 rgb(176,96,215)
```
#b259de
```
#b259de rgb(178,89,222)
```
#b551e6
```
#b551e6 rgb(181,81,230)
```
#b849ee
```
#b849ee rgb(184,73,238)
```
#ba42f5
```
#ba42f5 rgb(186,66,245)
```
#bd3afd
```
#bd3afd rgb(189,58,253)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#856b92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0081fb Protanopia 1% of men
#0087e0 Deuteranopia 1% of men
#a87780 Tritanopia 0.001% of the population

Trichromacy

#4467fc Protanomaly 1% of men, 0.01% of women
#446bea Deuteranomaly 6% of men, 0.4% of women
#af61ad Tritanomaly 0.01% of the population

#bd3afd hex color

#bd3afd Color Information

#bd3afd Color Conversion

Color Schemes with #bd3afd

Alternatives to #bd3afd

#bd3afd Preview

Shades and Tints of #bd3afd

Tones of #bd3afd

Color Blindness Simulator