#bd2af5 hex color

In a RGB color space, hex #bd2af5 is composed of 74.1% red, 16.5% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 22.9% cyan, 82.9% magenta, 0% yellow and 3.9% black. It has a hue angle of 283.4 degrees, a saturation of 91% and a lightness of 56.3%. #bd2af5 color hex could be obtained by blending #ff54ff with #7b00eb. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 74
- G 16
- B 96
RGB color chart
- C 23
- M 83
- Y 0
- K 4
CMYK color chart

● #bd2af5 color description : Bright violet.

The hexadecimal color #bd2af5 has RGB values of R:189, G:42, B:245 and CMYK values of C:0.23, M:0.83, Y:0, K:0.04. Its decimal value is 12397301.

Hex triplet	bd2af5	`#bd2af5`
RGB Decimal	189, 42, 245	`rgb(189,42,245)`
RGB Percent	74.1, 16.5, 96.1	`rgb(74.1%,16.5%,96.1%)`
CMYK	23, 83, 0, 4
HSL	283.4°, 91, 56.3	`hsl(283.4,91%,56.3%)`
HSV (or HSB)	283.4°, 82.9, 96.1
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	50.768, 81.497, -71.211
XYZ	38.294, 19.069, 88.045
xyY	0.263, 0.131, 19.069
CIE-LCH	50.768, 108.226, 318.853
CIE-LUV	50.768, 41.22, -116.615
Hunter-Lab	43.668, 80.113, -88.975
Binary	10111101, 00101010, 11110101

#bd2af5
```
#bd2af5 rgb(189,42,245)
```
#62f52a
```
#62f52a rgb(98,245,42)
```

Complementary Color

#572af5
```
#572af5 rgb(87,42,245)
```
#bd2af5
```
#bd2af5 rgb(189,42,245)
```
#f52ac8
```
#f52ac8 rgb(245,42,200)
```

Analogous Color

#2af558
```
#2af558 rgb(42,245,88)
```
#bd2af5
```
#bd2af5 rgb(189,42,245)
```
#c8f52a
```
#c8f52a rgb(200,245,42)
```

Split Complementary Color

#2af5bd
```
#2af5bd rgb(42,245,189)
```
#bd2af5
```
#bd2af5 rgb(189,42,245)
```
#f5bd2a
```
#f5bd2a rgb(245,189,42)
```

Triadic Color

#2a62f5
```
#2a62f5 rgb(42,98,245)
```
#bd2af5
```
#bd2af5 rgb(189,42,245)
```
#f5bd2a
```
#f5bd2a rgb(245,189,42)
```
#62f52a
```
#62f52a rgb(98,245,42)
```

Tetradic Color

#9409c9
```
#9409c9 rgb(148,9,201)
```
#a60be1
```
#a60be1 rgb(166,11,225)
```
#b512f4
```
#b512f4 rgb(181,18,244)
```
#bd2af5
```
#bd2af5 rgb(189,42,245)
```
#c542f6
```
#c542f6 rgb(197,66,246)
```
#cc5bf7
```
#cc5bf7 rgb(204,91,247)
```
#d473f8
```
#d473f8 rgb(212,115,248)
```

Monochromatic Color

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

#8a2af5
```
#8a2af5 rgb(138,42,245)
```
#9b2af5
```
#9b2af5 rgb(155,42,245)
```
#ac2af5
```
#ac2af5 rgb(172,42,245)
```
#bd2af5
```
#bd2af5 rgb(189,42,245)
```
#ce2af5
```
#ce2af5 rgb(206,42,245)
```
#df2af5
```
#df2af5 rgb(223,42,245)
```
#f02af5
```
#f02af5 rgb(240,42,245)
```

Similar Colors

Text with hexadecimal color #bd2af5

This text has a font color of #bd2af5.

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

#bd2af5 background color

This paragraph has a background color of #bd2af5.

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

#bd2af5 border color

This element has a border color of #bd2af5.

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

CSS codes

.text {color:#bd2af5;}

.background {background-color:#bd2af5;}

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

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

#09010c
```
#09010c rgb(9,1,12)
```
#17011f
```
#17011f rgb(23,1,31)
```
#240231
```
#240231 rgb(36,2,49)
```
#320344
```
#320344 rgb(50,3,68)
```
#400457
```
#400457 rgb(64,4,87)
```
#4e056a
```
#4e056a rgb(78,5,106)
```
#5c067c
```
#5c067c rgb(92,6,124)
```
#69078f
```
#69078f rgb(105,7,143)
```
#7708a2
```
#7708a2 rgb(119,8,162)
```
#8508b4
```
#8508b4 rgb(133,8,180)
```
#9309c7
```
#9309c7 rgb(147,9,199)
```
#a10ada
```
#a10ada rgb(161,10,218)
```
#ae0bed
```
#ae0bed rgb(174,11,237)
```

Shade Color Variation

#b717f4
```
#b717f4 rgb(183,23,244)
```
#bd2af5
```
#bd2af5 rgb(189,42,245)
```
#c33df6
```
#c33df6 rgb(195,61,246)
```
#c94ff7
```
#c94ff7 rgb(201,79,247)
```
#ce62f8
```
#ce62f8 rgb(206,98,248)
```
#d475f9
```
#d475f9 rgb(212,117,249)
```
#da88f9
```
#da88f9 rgb(218,136,249)
```
#e09afa
```
#e09afa rgb(224,154,250)
```
#e6adfb
```
#e6adfb rgb(230,173,251)
```
#ebc0fc
```
#ebc0fc rgb(235,192,252)
```
#f1d3fd
```
#f1d3fd rgb(241,211,253)
```
#f7e5fe
```
#f7e5fe rgb(247,229,254)
```
#fdf8ff
```
#fdf8ff rgb(253,248,255)
```

Tint Color Variation

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

#938897
```
#938897 rgb(147,136,151)
```
#97809f
```
#97809f rgb(151,128,159)
```
#9a77a8
```
#9a77a8 rgb(154,119,168)
```
#9e6fb0
```
#9e6fb0 rgb(158,111,176)
```
#a266b9
```
#a266b9 rgb(162,102,185)
```
#a65dc2
```
#a65dc2 rgb(166,93,194)
```
#aa55ca
```
#aa55ca rgb(170,85,202)
```
#ae4cd3
```
#ae4cd3 rgb(174,76,211)
```
#b144db
```
#b144db rgb(177,68,219)
```
#b53be4
```
#b53be4 rgb(181,59,228)
```
#b933ec
```
#b933ec rgb(185,51,236)
```
#bd2af5
```
#bd2af5 rgb(189,42,245)
```
#c121fe
```
#c121fe rgb(193,33,254)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#7d6088 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007cf1 Protanopia 1% of men
#0082d7 Deuteranopia 1% of men
#a96f77 Tritanopia 0.001% of the population

Trichromacy

#445ef2 Protanomaly 1% of men, 0.01% of women
#4462e2 Deuteranomaly 6% of men, 0.4% of women
#b056a5 Tritanomaly 0.01% of the population

#bd2af5 hex color

#bd2af5 Color Information

#bd2af5 Color Conversion

Color Schemes with #bd2af5

Alternatives to #bd2af5

#bd2af5 Preview

Shades and Tints of #bd2af5

Tones of #bd2af5

Color Blindness Simulator