#bd58f4 hex color

In a RGB color space, hex #bd58f4 is composed of 74.1% red, 34.5% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 22.5% cyan, 63.9% magenta, 0% yellow and 4.3% black. It has a hue angle of 278.8 degrees, a saturation of 87.6% and a lightness of 65.1%. #bd58f4 color hex could be obtained by blending #ffb0ff with #7b00e9. Closest websafe color is: #cc66ff.

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

● #bd58f4 color description : Soft violet.

The hexadecimal color #bd58f4 has RGB values of R:189, G:88, B:244 and CMYK values of C:0.23, M:0.64, Y:0, K:0.04. Its decimal value is 12409076.

Hex triplet	bd58f4	`#bd58f4`
RGB Decimal	189, 88, 244	`rgb(189,88,244)`
RGB Percent	74.1, 34.5, 95.7	`rgb(74.1%,34.5%,95.7%)`
CMYK	23, 64, 0, 4
HSL	278.8°, 87.6, 65.1	`hsl(278.8,87.6%,65.1%)`
HSV (or HSB)	278.8°, 63.9, 95.7
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	56.418, 65.039, -61.53
XYZ	40.803, 24.331, 88.13
xyY	0.266, 0.159, 24.331
CIE-LCH	56.418, 89.532, 316.588
CIE-LUV	56.418, 33.519, -103.838
Hunter-Lab	49.327, 61.334, -71.403
Binary	10111101, 01011000, 11110100

#bd58f4
```
#bd58f4 rgb(189,88,244)
```
#8ff458
```
#8ff458 rgb(143,244,88)
```

Complementary Color

#6f58f4
```
#6f58f4 rgb(111,88,244)
```
#bd58f4
```
#bd58f4 rgb(189,88,244)
```
#f458dd
```
#f458dd rgb(244,88,221)
```

Analogous Color

#58f46f
```
#58f46f rgb(88,244,111)
```
#bd58f4
```
#bd58f4 rgb(189,88,244)
```
#ddf458
```
#ddf458 rgb(221,244,88)
```

Split Complementary Color

#58f4bd
```
#58f4bd rgb(88,244,189)
```
#bd58f4
```
#bd58f4 rgb(189,88,244)
```
#f4bd58
```
#f4bd58 rgb(244,189,88)
```

Triadic Color

#588ff4
```
#588ff4 rgb(88,143,244)
```
#bd58f4
```
#bd58f4 rgb(189,88,244)
```
#f4bd58
```
#f4bd58 rgb(244,189,88)
```
#8ff458
```
#8ff458 rgb(143,244,88)
```

Tetradic Color

#a110ef
```
#a110ef rgb(161,16,239)
```
#aa28f1
```
#aa28f1 rgb(170,40,241)
```
#b440f2
```
#b440f2 rgb(180,64,242)
```
#bd58f4
```
#bd58f4 rgb(189,88,244)
```
#c670f6
```
#c670f6 rgb(198,112,246)
```
#d088f7
```
#d088f7 rgb(208,136,247)
```
#d9a0f9
```
#d9a0f9 rgb(217,160,249)
```

Monochromatic Color

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

#9658f4
```
#9658f4 rgb(150,88,244)
```
#a358f4
```
#a358f4 rgb(163,88,244)
```
#b058f4
```
#b058f4 rgb(176,88,244)
```
#bd58f4
```
#bd58f4 rgb(189,88,244)
```
#ca58f4
```
#ca58f4 rgb(202,88,244)
```
#d758f4
```
#d758f4 rgb(215,88,244)
```
#e458f4
```
#e458f4 rgb(228,88,244)
```

Similar Colors

Text with hexadecimal color #bd58f4

This text has a font color of #bd58f4.

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

#bd58f4 background color

This paragraph has a background color of #bd58f4.

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

#bd58f4 border color

This element has a border color of #bd58f4.

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

CSS codes

.text {color:#bd58f4;}

.background {background-color:#bd58f4;}

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

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

#0b0111
```
#0b0111 rgb(11,1,17)
```
#180223
```
#180223 rgb(24,2,35)
```
#240436
```
#240436 rgb(36,4,54)
```
#300548
```
#300548 rgb(48,5,72)
```
#3d065b
```
#3d065b rgb(61,6,91)
```
#49076d
```
#49076d rgb(73,7,109)
```
#55087f
```
#55087f rgb(85,8,127)
```
#620a92
```
#620a92 rgb(98,10,146)
```
#6e0ba4
```
#6e0ba4 rgb(110,11,164)
```
#7b0cb7
```
#7b0cb7 rgb(123,12,183)
```
#870dc9
```
#870dc9 rgb(135,13,201)
```
#930edb
```
#930edb rgb(147,14,219)
```
#a010ee
```
#a010ee rgb(160,16,238)
```

Shade Color Variation

#a721f0
```
#a721f0 rgb(167,33,240)
```
#ae33f2
```
#ae33f2 rgb(174,51,242)
```
#b646f3
```
#b646f3 rgb(182,70,243)
```
#bd58f4
```
#bd58f4 rgb(189,88,244)
```
#c46af5
```
#c46af5 rgb(196,106,245)
```
#cc7df6
```
#cc7df6 rgb(204,125,246)
```
#d38ff8
```
#d38ff8 rgb(211,143,248)
```
#daa2f9
```
#daa2f9 rgb(218,162,249)
```
#e1b4fa
```
#e1b4fa rgb(225,180,250)
```
#e9c6fb
```
#e9c6fb rgb(233,198,251)
```
#f0d9fc
```
#f0d9fc rgb(240,217,252)
```
#f7ebfe
```
#f7ebfe rgb(247,235,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#a7a3a9
```
#a7a3a9 rgb(167,163,169)
```
#a99cb0
```
#a99cb0 rgb(169,156,176)
```
#ab96b6
```
#ab96b6 rgb(171,150,182)
```
#ad8fbd
```
#ad8fbd rgb(173,143,189)
```
#af88c4
```
#af88c4 rgb(175,136,196)
```
#b181cb
```
#b181cb rgb(177,129,203)
```
#b37ad2
```
#b37ad2 rgb(179,122,210)
```
#b573d9
```
#b573d9 rgb(181,115,217)
```
#b76ddf
```
#b76ddf rgb(183,109,223)
```
#b966e6
```
#b966e6 rgb(185,102,230)
```
#bb5fed
```
#bb5fed rgb(187,95,237)
```
#bd58f4
```
#bd58f4 rgb(189,88,244)
```
#bf51fb
```
#bf51fb rgb(191,81,251)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#937e9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4089ff Protanopia 1% of men
#448ee5 Deuteranopia 1% of men
#ac828b Tritanopia 0.001% of the population

Trichromacy

#6d77fb Protanomaly 1% of men, 0.01% of women
#707aea Deuteranomaly 6% of men, 0.4% of women
#b273b1 Tritanomaly 0.01% of the population

#bd58f4 hex color

#bd58f4 Color Information

#bd58f4 Color Conversion

Color Schemes with #bd58f4

Alternatives to #bd58f4

#bd58f4 Preview

Shades and Tints of #bd58f4

Tones of #bd58f4

Color Blindness Simulator