#bd30f6 hex color

In a RGB color space, hex #bd30f6 is composed of 74.1% red, 18.8% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 23.2% cyan, 80.5% magenta, 0% yellow and 3.5% black. It has a hue angle of 282.7 degrees, a saturation of 91.7% and a lightness of 57.6%. #bd30f6 color hex could be obtained by blending #ff60ff with #7b00ed. Closest websafe color is: #cc33ff.

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

● #bd30f6 color description : Bright violet.

The hexadecimal color #bd30f6 has RGB values of R:189, G:48, B:246 and CMYK values of C:0.23, M:0.8, Y:0, K:0.04. Its decimal value is 12398838.

Hex triplet	bd30f6	`#bd30f6`
RGB Decimal	189, 48, 246	`rgb(189,48,246)`
RGB Percent	74.1, 18.8, 96.5	`rgb(74.1%,18.8%,96.5%)`
CMYK	23, 80, 0, 4
HSL	282.7°, 91.7, 57.6	`hsl(282.7,91.7%,57.6%)`
HSV (or HSB)	282.7°, 80.5, 96.5
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	51.368, 80.133, -70.796
XYZ	38.676, 19.588, 88.927
xyY	0.263, 0.133, 19.588
CIE-LCH	51.368, 106.927, 318.54
CIE-LUV	51.368, 40.273, -116.303
Hunter-Lab	44.258, 78.532, -88.149
Binary	10111101, 00110000, 11110110

#bd30f6
```
#bd30f6 rgb(189,48,246)
```
#69f630
```
#69f630 rgb(105,246,48)
```

Complementary Color

#5a30f6
```
#5a30f6 rgb(90,48,246)
```
#bd30f6
```
#bd30f6 rgb(189,48,246)
```
#f630cc
```
#f630cc rgb(246,48,204)
```

Analogous Color

#30f65a
```
#30f65a rgb(48,246,90)
```
#bd30f6
```
#bd30f6 rgb(189,48,246)
```
#ccf630
```
#ccf630 rgb(204,246,48)
```

Split Complementary Color

#30f6bd
```
#30f6bd rgb(48,246,189)
```
#bd30f6
```
#bd30f6 rgb(189,48,246)
```
#f6bd30
```
#f6bd30 rgb(246,189,48)
```

Triadic Color

#3069f6
```
#3069f6 rgb(48,105,246)
```
#bd30f6
```
#bd30f6 rgb(189,48,246)
```
#f6bd30
```
#f6bd30 rgb(246,189,48)
```
#69f630
```
#69f630 rgb(105,246,48)
```

Tetradic Color

#9709d0
```
#9709d0 rgb(151,9,208)
```
#a90ae9
```
#a90ae9 rgb(169,10,233)
```
#b518f5
```
#b518f5 rgb(181,24,245)
```
#bd30f6
```
#bd30f6 rgb(189,48,246)
```
#c548f7
```
#c548f7 rgb(197,72,247)
```
#cd61f8
```
#cd61f8 rgb(205,97,248)
```
#d479f9
```
#d479f9 rgb(212,121,249)
```

Monochromatic Color

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

#8c30f6
```
#8c30f6 rgb(140,48,246)
```
#9c30f6
```
#9c30f6 rgb(156,48,246)
```
#ad30f6
```
#ad30f6 rgb(173,48,246)
```
#bd30f6
```
#bd30f6 rgb(189,48,246)
```
#ce30f6
```
#ce30f6 rgb(206,48,246)
```
#de30f6
```
#de30f6 rgb(222,48,246)
```
#ef30f6
```
#ef30f6 rgb(239,48,246)
```

Similar Colors

Text with hexadecimal color #bd30f6

This text has a font color of #bd30f6.

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

#bd30f6 background color

This paragraph has a background color of #bd30f6.

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

#bd30f6 border color

This element has a border color of #bd30f6.

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

CSS codes

.text {color:#bd30f6;}

.background {background-color:#bd30f6;}

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

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

#0d0113
```
#0d0113 rgb(13,1,19)
```
#1b0225
```
#1b0225 rgb(27,2,37)
```
#290238
```
#290238 rgb(41,2,56)
```
#36034b
```
#36034b rgb(54,3,75)
```
#44045e
```
#44045e rgb(68,4,94)
```
#520571
```
#520571 rgb(82,5,113)
```
#5f0683
```
#5f0683 rgb(95,6,131)
```
#6d0796
```
#6d0796 rgb(109,7,150)
```
#7a07a9
```
#7a07a9 rgb(122,7,169)
```
#8808bc
```
#8808bc rgb(136,8,188)
```
#9609cf
```
#9609cf rgb(150,9,207)
```
#a30ae1
```
#a30ae1 rgb(163,10,225)
```
#b10bf4
```
#b10bf4 rgb(177,11,244)
```

Shade Color Variation

#b71df5
```
#b71df5 rgb(183,29,245)
```
#bd30f6
```
#bd30f6 rgb(189,48,246)
```
#c343f7
```
#c343f7 rgb(195,67,247)
```
#c956f8
```
#c956f8 rgb(201,86,248)
```
#cf68f8
```
#cf68f8 rgb(207,104,248)
```
#d57bf9
```
#d57bf9 rgb(213,123,249)
```
#db8efa
```
#db8efa rgb(219,142,250)
```
#e1a1fb
```
#e1a1fb rgb(225,161,251)
```
#e7b4fc
```
#e7b4fc rgb(231,180,252)
```
#edc6fd
```
#edc6fd rgb(237,198,253)
```
#f3d9fd
```
#f3d9fd rgb(243,217,253)
```
#f9ecfe
```
#f9ecfe rgb(249,236,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#968b9b
```
#968b9b rgb(150,139,155)
```
#9a83a3
```
#9a83a3 rgb(154,131,163)
```
#9d7bab
```
#9d7bab rgb(157,123,171)
```
#a172b4
```
#a172b4 rgb(161,114,180)
```
#a46abc
```
#a46abc rgb(164,106,188)
```
#a862c4
```
#a862c4 rgb(168,98,196)
```
#ab5acc
```
#ab5acc rgb(171,90,204)
```
#af51d5
```
#af51d5 rgb(175,81,213)
```
#b249dd
```
#b249dd rgb(178,73,221)
```
#b641e5
```
#b641e5 rgb(182,65,229)
```
#b938ee
```
#b938ee rgb(185,56,238)
```
#bd30f6
```
#bd30f6 rgb(189,48,246)
```
#c128fe
```
#c128fe rgb(193,40,254)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#80648c Atypical Achromatopsia 0.001% of the population

Dichromacy

#007df4 Protanopia 1% of men
#0083da Deuteranopia 1% of men
#a97179 Tritanopia 0.001% of the population

Trichromacy

#4461f5 Protanomaly 1% of men, 0.01% of women
#4465e4 Deuteranomaly 6% of men, 0.4% of women
#b059a6 Tritanomaly 0.01% of the population

#bd30f6 hex color

#bd30f6 Color Information

#bd30f6 Color Conversion

Color Schemes with #bd30f6

Alternatives to #bd30f6

#bd30f6 Preview

Shades and Tints of #bd30f6

Tones of #bd30f6

Color Blindness Simulator