#bd36f6 hex color

In a RGB color space, hex #bd36f6 is composed of 74.1% red, 21.2% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 23.2% cyan, 78% magenta, 0% yellow and 3.5% black. It has a hue angle of 282.2 degrees, a saturation of 91.4% and a lightness of 58.8%. #bd36f6 color hex could be obtained by blending #ff6cff with #7b00ed. Closest websafe color is: #cc33ff.

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

● #bd36f6 color description : Bright violet.

The hexadecimal color #bd36f6 has RGB values of R:189, G:54, B:246 and CMYK values of C:0.23, M:0.78, Y:0, K:0.04. Its decimal value is 12400374.

Hex triplet	bd36f6	`#bd36f6`
RGB Decimal	189, 54, 246	`rgb(189,54,246)`
RGB Percent	74.1, 21.2, 96.5	`rgb(74.1%,21.2%,96.5%)`
CMYK	23, 78, 0, 4
HSL	282.2°, 91.4, 58.8	`hsl(282.2,91.4%,58.8%)`
HSV (or HSB)	282.2°, 78, 96.5
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	51.964, 78.4, -69.83
XYZ	38.938, 20.112, 89.015
xyY	0.263, 0.136, 20.112
CIE-LCH	51.964, 104.989, 318.309
CIE-LUV	51.964, 39.499, -115.15
Hunter-Lab	44.847, 76.499, -86.29
Binary	10111101, 00110110, 11110110

#bd36f6
```
#bd36f6 rgb(189,54,246)
```
#6ff636
```
#6ff636 rgb(111,246,54)
```

Complementary Color

#5d36f6
```
#5d36f6 rgb(93,54,246)
```
#bd36f6
```
#bd36f6 rgb(189,54,246)
```
#f636cf
```
#f636cf rgb(246,54,207)
```

Analogous Color

#36f65d
```
#36f65d rgb(54,246,93)
```
#bd36f6
```
#bd36f6 rgb(189,54,246)
```
#cff636
```
#cff636 rgb(207,246,54)
```

Split Complementary Color

#36f6bd
```
#36f6bd rgb(54,246,189)
```
#bd36f6
```
#bd36f6 rgb(189,54,246)
```
#f6bd36
```
#f6bd36 rgb(246,189,54)
```

Triadic Color

#366ff6
```
#366ff6 rgb(54,111,246)
```
#bd36f6
```
#bd36f6 rgb(189,54,246)
```
#f6bd36
```
#f6bd36 rgb(246,189,54)
```
#6ff636
```
#6ff636 rgb(111,246,54)
```

Tetradic Color

#990ad6
```
#990ad6 rgb(153,10,214)
```
#ab0bee
```
#ab0bee rgb(171,11,238)
```
#b51ef5
```
#b51ef5 rgb(181,30,245)
```
#bd36f6
```
#bd36f6 rgb(189,54,246)
```
#c54ef7
```
#c54ef7 rgb(197,78,247)
```
#cd67f8
```
#cd67f8 rgb(205,103,248)
```
#d57ff9
```
#d57ff9 rgb(213,127,249)
```

Monochromatic Color

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

#8d36f6
```
#8d36f6 rgb(141,54,246)
```
#9d36f6
```
#9d36f6 rgb(157,54,246)
```
#ad36f6
```
#ad36f6 rgb(173,54,246)
```
#bd36f6
```
#bd36f6 rgb(189,54,246)
```
#cd36f6
```
#cd36f6 rgb(205,54,246)
```
#dd36f6
```
#dd36f6 rgb(221,54,246)
```
#ed36f6
```
#ed36f6 rgb(237,54,246)
```

Similar Colors

Text with hexadecimal color #bd36f6

This text has a font color of #bd36f6.

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

#bd36f6 background color

This paragraph has a background color of #bd36f6.

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

#bd36f6 border color

This element has a border color of #bd36f6.

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

CSS codes

.text {color:#bd36f6;}

.background {background-color:#bd36f6;}

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

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

#040006
```
#040006 rgb(4,0,6)
```
#110118
```
#110118 rgb(17,1,24)
```
#1f022b
```
#1f022b rgb(31,2,43)
```
#2c033e
```
#2c033e rgb(44,3,62)
```
#3a0451
```
#3a0451 rgb(58,4,81)
```
#470463
```
#470463 rgb(71,4,99)
```
#550576
```
#550576 rgb(85,5,118)
```
#620689
```
#620689 rgb(98,6,137)
```
#70079c
```
#70079c rgb(112,7,156)
```
#7d08ae
```
#7d08ae rgb(125,8,174)
```
#8a09c1
```
#8a09c1 rgb(138,9,193)
```
#9809d4
```
#9809d4 rgb(152,9,212)
```
#a50ae7
```
#a50ae7 rgb(165,10,231)
```

Shade Color Variation

#b110f4
```
#b110f4 rgb(177,16,244)
```
#b723f5
```
#b723f5 rgb(183,35,245)
```
#bd36f6
```
#bd36f6 rgb(189,54,246)
```
#c349f7
```
#c349f7 rgb(195,73,247)
```
#c95cf8
```
#c95cf8 rgb(201,92,248)
```
#cf6ef9
```
#cf6ef9 rgb(207,110,249)
```
#d681f9
```
#d681f9 rgb(214,129,249)
```
#dc94fa
```
#dc94fa rgb(220,148,250)
```
#e2a7fb
```
#e2a7fb rgb(226,167,251)
```
#e8b9fc
```
#e8b9fc rgb(232,185,252)
```
#eeccfd
```
#eeccfd rgb(238,204,253)
```
#f4dffe
```
#f4dffe rgb(244,223,254)
```
#fbf2fe
```
#fbf2fe rgb(251,242,254)
```

Tint Color Variation

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

#998f9d
```
#998f9d rgb(153,143,157)
```
#9c87a5
```
#9c87a5 rgb(156,135,165)
```
#9f7fad
```
#9f7fad rgb(159,127,173)
```
#a377b5
```
#a377b5 rgb(163,119,181)
```
#a66fbd
```
#a66fbd rgb(166,111,189)
```
#a966c6
```
#a966c6 rgb(169,102,198)
```
#ad5ece
```
#ad5ece rgb(173,94,206)
```
#b056d6
```
#b056d6 rgb(176,86,214)
```
#b34ede
```
#b34ede rgb(179,78,222)
```
#b646e6
```
#b646e6 rgb(182,70,230)
```
#ba3eee
```
#ba3eee rgb(186,62,238)
```
#bd36f6
```
#bd36f6 rgb(189,54,246)
```
#c02efe
```
#c02efe rgb(192,46,254)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#83688e Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ef7 Protanopia 1% of men
#0085dc Deuteranopia 1% of men
#aa737b Tritanopia 0.001% of the population

Trichromacy

#4464f6 Protanomaly 1% of men, 0.01% of women
#4468e5 Deuteranomaly 6% of men, 0.4% of women
#b05da8 Tritanomaly 0.01% of the population

#bd36f6 hex color

#bd36f6 Color Information

#bd36f6 Color Conversion

Color Schemes with #bd36f6

Alternatives to #bd36f6

#bd36f6 Preview

Shades and Tints of #bd36f6

Tones of #bd36f6

Color Blindness Simulator