#b858fd hex color

In a RGB color space, hex #b858fd is composed of 72.2% red, 34.5% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 27.3% cyan, 65.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 274.9 degrees, a saturation of 97.6% and a lightness of 66.9%. #b858fd color hex could be obtained by blending #ffb0ff with #7100fb. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 72
- G 35
- B 99
RGB color chart
- C 27
- M 65
- Y 0
- K 1
CMYK color chart

● #b858fd color description : Soft violet.

The hexadecimal color #b858fd has RGB values of R:184, G:88, B:253 and CMYK values of C:0.27, M:0.65, Y:0, K:0.01. Its decimal value is 12081405.

Hex triplet	b858fd	`#b858fd`
RGB Decimal	184, 88, 253	`rgb(184,88,253)`
RGB Percent	72.2, 34.5, 99.2	`rgb(72.2%,34.5%,99.2%)`
CMYK	27, 65, 0, 1
HSL	274.9°, 97.6, 66.9	`hsl(274.9,97.6%,66.9%)`
HSV (or HSB)	274.9°, 65.2, 99.2
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	56.35, 65.89, -66.669
XYZ	40.984, 24.263, 95.447
xyY	0.255, 0.151, 24.263
CIE-LCH	56.35, 93.735, 314.663
CIE-LUV	56.35, 28.799, -111.674
Hunter-Lab	49.257, 62.32, -80.409
Binary	10111000, 01011000, 11111101

#b858fd
```
#b858fd rgb(184,88,253)
```
#9dfd58
```
#9dfd58 rgb(157,253,88)
```

Complementary Color

#6658fd
```
#6658fd rgb(102,88,253)
```
#b858fd
```
#b858fd rgb(184,88,253)
```
#fd58f0
```
#fd58f0 rgb(253,88,240)
```

Analogous Color

#58fd66
```
#58fd66 rgb(88,253,102)
```
#b858fd
```
#b858fd rgb(184,88,253)
```
#f0fd58
```
#f0fd58 rgb(240,253,88)
```

Split Complementary Color

#58fdb8
```
#58fdb8 rgb(88,253,184)
```
#b858fd
```
#b858fd rgb(184,88,253)
```
#fdb858
```
#fdb858 rgb(253,184,88)
```

Triadic Color

#589dfd
```
#589dfd rgb(88,157,253)
```
#b858fd
```
#b858fd rgb(184,88,253)
```
#fdb858
```
#fdb858 rgb(253,184,88)
```
#9dfd58
```
#9dfd58 rgb(157,253,88)
```

Tetradic Color

#980cfc
```
#980cfc rgb(152,12,252)
```
#a326fc
```
#a326fc rgb(163,38,252)
```
#ad3ffd
```
#ad3ffd rgb(173,63,253)
```
#b858fd
```
#b858fd rgb(184,88,253)
```
#c371fd
```
#c371fd rgb(195,113,253)
```
#cd8afe
```
#cd8afe rgb(205,138,254)
```
#d8a4fe
```
#d8a4fe rgb(216,164,254)
```

Monochromatic Color

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

#8f58fd
```
#8f58fd rgb(143,88,253)
```
#9d58fd
```
#9d58fd rgb(157,88,253)
```
#aa58fd
```
#aa58fd rgb(170,88,253)
```
#b858fd
```
#b858fd rgb(184,88,253)
```
#c658fd
```
#c658fd rgb(198,88,253)
```
#d458fd
```
#d458fd rgb(212,88,253)
```
#e158fd
```
#e158fd rgb(225,88,253)
```

Similar Colors

Text with hexadecimal color #b858fd

This text has a font color of #b858fd.

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

#b858fd background color

This paragraph has a background color of #b858fd.

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

#b858fd border color

This element has a border color of #b858fd.

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

CSS codes

.text {color:#b858fd;}

.background {background-color:#b858fd;}

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

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

#040007
```
#040007 rgb(4,0,7)
```
#10001b
```
#10001b rgb(16,0,27)
```
#1b012e
```
#1b012e rgb(27,1,46)
```
#260142
```
#260142 rgb(38,1,66)
```
#320155
```
#320155 rgb(50,1,85)
```
#3d0168
```
#3d0168 rgb(61,1,104)
```
#49017c
```
#49017c rgb(73,1,124)
```
#54028f
```
#54028f rgb(84,2,143)
```
#5f02a3
```
#5f02a3 rgb(95,2,163)
```
#6b02b6
```
#6b02b6 rgb(107,2,182)
```
#7602c9
```
#7602c9 rgb(118,2,201)
```
#8103dd
```
#8103dd rgb(129,3,221)
```
#8d03f0
```
#8d03f0 rgb(141,3,240)
```

Shade Color Variation

#970afc
```
#970afc rgb(151,10,252)
```
#9f1efc
```
#9f1efc rgb(159,30,252)
```
#a831fd
```
#a831fd rgb(168,49,253)
```
#b045fd
```
#b045fd rgb(176,69,253)
```
#b858fd
```
#b858fd rgb(184,88,253)
```
#c06bfd
```
#c06bfd rgb(192,107,253)
```
#c87ffd
```
#c87ffd rgb(200,127,253)
```
#d192fe
```
#d192fe rgb(209,146,254)
```
#d9a6fe
```
#d9a6fe rgb(217,166,254)
```
#e1b9fe
```
#e1b9fe rgb(225,185,254)
```
#e9ccfe
```
#e9ccfe rgb(233,204,254)
```
#f2e0ff
```
#f2e0ff rgb(242,224,255)
```
#faf3ff
```
#faf3ff rgb(250,243,255)
```

Tint Color Variation

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

#aba6af
```
#aba6af rgb(171,166,175)
```
#aca0b6
```
#aca0b6 rgb(172,160,182)
```
#ad99bc
```
#ad99bc rgb(173,153,188)
```
#ae93c3
```
#ae93c3 rgb(174,147,195)
```
#af8cc9
```
#af8cc9 rgb(175,140,201)
```
#b186d0
```
#b186d0 rgb(177,134,208)
```
#b27fd6
```
#b27fd6 rgb(178,127,214)
```
#b379dd
```
#b379dd rgb(179,121,221)
```
#b472e3
```
#b472e3 rgb(180,114,227)
```
#b56cea
```
#b56cea rgb(181,108,234)
```
#b665f0
```
#b665f0 rgb(182,101,240)
```
#b75ff7
```
#b75ff7 rgb(183,95,247)
```
#b858fd
```
#b858fd rgb(184,88,253)
```

Tone Color Variation

Below, you can see how #b858fd 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
#927e9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f89ff Protanopia 1% of men
#258fed Deuteranopia 1% of men
#a4858e Tritanopia 0.001% of the population

Trichromacy

#6b77fe Protanomaly 1% of men, 0.01% of women
#5b7bf3 Deuteranomaly 6% of men, 0.4% of women
#ab74b6 Tritanomaly 0.01% of the population

#b858fd hex color

#b858fd Color Information

#b858fd Color Conversion

Color Schemes with #b858fd

Alternatives to #b858fd

#b858fd Preview

Shades and Tints of #b858fd

Tones of #b858fd

Color Blindness Simulator