#bd45f9 hex color

In a RGB color space, hex #bd45f9 is composed of 74.1% red, 27.1% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 24.1% cyan, 72.3% magenta, 0% yellow and 2.4% black. It has a hue angle of 280 degrees, a saturation of 93.8% and a lightness of 62.4%. #bd45f9 color hex could be obtained by blending #ff8aff with #7b00f3. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 74
- G 27
- B 98
RGB color chart
- C 24
- M 72
- Y 0
- K 2
CMYK color chart

● #bd45f9 color description : Bright violet.

The hexadecimal color #bd45f9 has RGB values of R:189, G:69, B:249 and CMYK values of C:0.24, M:0.72, Y:0, K:0.02. Its decimal value is 12404217.

Hex triplet	bd45f9	`#bd45f9`
RGB Decimal	189, 69, 249	`rgb(189,69,249)`
RGB Percent	74.1, 27.1, 97.6	`rgb(74.1%,27.1%,97.6%)`
CMYK	24, 72, 0, 2
HSL	280°, 93.8, 62.4	`hsl(280,93.8%,62.4%)`
HSV (or HSB)	280°, 72.3, 97.6
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	53.938, 73.897, -68.31
XYZ	40.211, 21.916, 91.729
xyY	0.261, 0.142, 21.916
CIE-LCH	53.938, 100.633, 317.25
CIE-LUV	53.938, 36.367, -113.679
Hunter-Lab	46.814, 71.397, -83.404
Binary	10111101, 01000101, 11111001

#bd45f9
```
#bd45f9 rgb(189,69,249)
```
#81f945
```
#81f945 rgb(129,249,69)
```

Complementary Color

#6345f9
```
#6345f9 rgb(99,69,249)
```
#bd45f9
```
#bd45f9 rgb(189,69,249)
```
#f945db
```
#f945db rgb(249,69,219)
```

Analogous Color

#45f963
```
#45f963 rgb(69,249,99)
```
#bd45f9
```
#bd45f9 rgb(189,69,249)
```
#dbf945
```
#dbf945 rgb(219,249,69)
```

Split Complementary Color

#45f9bd
```
#45f9bd rgb(69,249,189)
```
#bd45f9
```
#bd45f9 rgb(189,69,249)
```
#f9bd45
```
#f9bd45 rgb(249,189,69)
```

Triadic Color

#4581f9
```
#4581f9 rgb(69,129,249)
```
#bd45f9
```
#bd45f9 rgb(189,69,249)
```
#f9bd45
```
#f9bd45 rgb(249,189,69)
```
#81f945
```
#81f945 rgb(129,249,69)
```

Tetradic Color

#9e08ea
```
#9e08ea rgb(158,8,234)
```
#ab14f7
```
#ab14f7 rgb(171,20,247)
```
#b42cf8
```
#b42cf8 rgb(180,44,248)
```
#bd45f9
```
#bd45f9 rgb(189,69,249)
```
#c65efa
```
#c65efa rgb(198,94,250)
```
#cf76fb
```
#cf76fb rgb(207,118,251)
```
#d78ffb
```
#d78ffb rgb(215,143,251)
```

Monochromatic Color

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

#9045f9
```
#9045f9 rgb(144,69,249)
```
#9f45f9
```
#9f45f9 rgb(159,69,249)
```
#ae45f9
```
#ae45f9 rgb(174,69,249)
```
#bd45f9
```
#bd45f9 rgb(189,69,249)
```
#cc45f9
```
#cc45f9 rgb(204,69,249)
```
#db45f9
```
#db45f9 rgb(219,69,249)
```
#ea45f9
```
#ea45f9 rgb(234,69,249)
```

Similar Colors

Text with hexadecimal color #bd45f9

This text has a font color of #bd45f9.

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

#bd45f9 background color

This paragraph has a background color of #bd45f9.

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

#bd45f9 border color

This element has a border color of #bd45f9.

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

CSS codes

.text {color:#bd45f9;}

.background {background-color:#bd45f9;}

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

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

#030004
```
#030004 rgb(3,0,4)
```
#100117
```
#100117 rgb(16,1,23)
```
#1c012a
```
#1c012a rgb(28,1,42)
```
#29023d
```
#29023d rgb(41,2,61)
```
#360350
```
#360350 rgb(54,3,80)
```
#430363
```
#430363 rgb(67,3,99)
```
#500476
```
#500476 rgb(80,4,118)
```
#5d0489
```
#5d0489 rgb(93,4,137)
```
#6a059c
```
#6a059c rgb(106,5,156)
```
#7706af
```
#7706af rgb(119,6,175)
```
#8306c2
```
#8306c2 rgb(131,6,194)
```
#9007d5
```
#9007d5 rgb(144,7,213)
```
#9d07e8
```
#9d07e8 rgb(157,7,232)
```

Shade Color Variation

#a90cf7
```
#a90cf7 rgb(169,12,247)
```
#b01ff8
```
#b01ff8 rgb(176,31,248)
```
#b632f8
```
#b632f8 rgb(182,50,248)
```
#bd45f9
```
#bd45f9 rgb(189,69,249)
```
#c458fa
```
#c458fa rgb(196,88,250)
```
#ca6bfa
```
#ca6bfa rgb(202,107,250)
```
#d17efb
```
#d17efb rgb(209,126,251)
```
#d891fb
```
#d891fb rgb(216,145,251)
```
#dfa4fc
```
#dfa4fc rgb(223,164,252)
```
#e5b7fd
```
#e5b7fd rgb(229,183,253)
```
#eccafd
```
#eccafd rgb(236,202,253)
```
#f3ddfe
```
#f3ddfe rgb(243,221,254)
```
#faf0ff
```
#faf0ff rgb(250,240,255)
```

Tint Color Variation

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

#9f9ea0
```
#9f9ea0 rgb(159,158,160)
```
#a296a8
```
#a296a8 rgb(162,150,168)
```
#a48faf
```
#a48faf rgb(164,143,175)
```
#a787b7
```
#a787b7 rgb(167,135,183)
```
#a980be
```
#a980be rgb(169,128,190)
```
#ac79c5
```
#ac79c5 rgb(172,121,197)
```
#ae71cd
```
#ae71cd rgb(174,113,205)
```
#b16ad4
```
#b16ad4 rgb(177,106,212)
```
#b363db
```
#b363db rgb(179,99,219)
```
#b65be3
```
#b65be3 rgb(182,91,227)
```
#b854ea
```
#b854ea rgb(184,84,234)
```
#bb4cf2
```
#bb4cf2 rgb(187,76,242)
```
#bd45f9
```
#bd45f9 rgb(189,69,249)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#8a7296 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1a83ff Protanopia 1% of men
#0089e5 Deuteranopia 1% of men
#aa7a83 Tritanopia 0.001% of the population

Trichromacy

#556cfc Protanomaly 1% of men, 0.01% of women
#4470ec Deuteranomaly 6% of men, 0.4% of women
#b067ae Tritanomaly 0.01% of the population

#bd45f9 hex color

#bd45f9 Color Information

#bd45f9 Color Conversion

Color Schemes with #bd45f9

Alternatives to #bd45f9

#bd45f9 Preview

Shades and Tints of #bd45f9

Tones of #bd45f9

Color Blindness Simulator