#b857fd hex color

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

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

● #b857fd color description : Soft violet.

The hexadecimal color #b857fd has RGB values of R:184, G:87, B:253 and CMYK values of C:0.27, M:0.66, Y:0, K:0.01. Its decimal value is 12081149.

Hex triplet	b857fd	`#b857fd`
RGB Decimal	184, 87, 253	`rgb(184,87,253)`
RGB Percent	72.2, 34.1, 99.2	`rgb(72.2%,34.1%,99.2%)`
CMYK	27, 66, 0, 1
HSL	275.1°, 97.6, 66.7	`hsl(275.1,97.6%,66.7%)`
HSV (or HSB)	275.1°, 65.6, 99.2
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	56.187, 66.339, -66.931
XYZ	40.902, 24.099, 95.42
xyY	0.255, 0.15, 24.099
CIE-LCH	56.187, 94.237, 314.746
CIE-LUV	56.187, 29.027, -112.035
Hunter-Lab	49.091, 62.815, -80.88
Binary	10111000, 01010111, 11111101

#b857fd
```
#b857fd rgb(184,87,253)
```
#9cfd57
```
#9cfd57 rgb(156,253,87)
```

Complementary Color

#6557fd
```
#6557fd rgb(101,87,253)
```
#b857fd
```
#b857fd rgb(184,87,253)
```
#fd57ef
```
#fd57ef rgb(253,87,239)
```

Analogous Color

#57fd65
```
#57fd65 rgb(87,253,101)
```
#b857fd
```
#b857fd rgb(184,87,253)
```
#effd57
```
#effd57 rgb(239,253,87)
```

Split Complementary Color

#57fdb8
```
#57fdb8 rgb(87,253,184)
```
#b857fd
```
#b857fd rgb(184,87,253)
```
#fdb857
```
#fdb857 rgb(253,184,87)
```

Triadic Color

#579cfd
```
#579cfd rgb(87,156,253)
```
#b857fd
```
#b857fd rgb(184,87,253)
```
#fdb857
```
#fdb857 rgb(253,184,87)
```
#9cfd57
```
#9cfd57 rgb(156,253,87)
```

Tetradic Color

#980bfc
```
#980bfc rgb(152,11,252)
```
#a325fc
```
#a325fc rgb(163,37,252)
```
#ad3efd
```
#ad3efd rgb(173,62,253)
```
#b857fd
```
#b857fd rgb(184,87,253)
```
#c370fd
```
#c370fd rgb(195,112,253)
```
#cd89fe
```
#cd89fe rgb(205,137,254)
```
#d8a3fe
```
#d8a3fe rgb(216,163,254)
```

Monochromatic Color

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

#8f57fd
```
#8f57fd rgb(143,87,253)
```
#9c57fd
```
#9c57fd rgb(156,87,253)
```
#aa57fd
```
#aa57fd rgb(170,87,253)
```
#b857fd
```
#b857fd rgb(184,87,253)
```
#c657fd
```
#c657fd rgb(198,87,253)
```
#d457fd
```
#d457fd rgb(212,87,253)
```
#e257fd
```
#e257fd rgb(226,87,253)
```

Similar Colors

Text with hexadecimal color #b857fd

This text has a font color of #b857fd.

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

#b857fd background color

This paragraph has a background color of #b857fd.

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

#b857fd border color

This element has a border color of #b857fd.

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

CSS codes

.text {color:#b857fd;}

.background {background-color:#b857fd;}

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

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 #faf2ff is the lightest one.

#040006
```
#040006 rgb(4,0,6)
```
#0f001a
```
#0f001a rgb(15,0,26)
```
#1b012d
```
#1b012d rgb(27,1,45)
```
#260141
```
#260141 rgb(38,1,65)
```
#310154
```
#310154 rgb(49,1,84)
```
#3d0167
```
#3d0167 rgb(61,1,103)
```
#48017b
```
#48017b rgb(72,1,123)
```
#54028e
```
#54028e rgb(84,2,142)
```
#5f02a2
```
#5f02a2 rgb(95,2,162)
```
#6b02b5
```
#6b02b5 rgb(107,2,181)
```
#7602c8
```
#7602c8 rgb(118,2,200)
```
#8103dc
```
#8103dc rgb(129,3,220)
```
#8d03ef
```
#8d03ef rgb(141,3,239)
```

Shade Color Variation

#9709fc
```
#9709fc rgb(151,9,252)
```
#9f1dfc
```
#9f1dfc rgb(159,29,252)
```
#a830fd
```
#a830fd rgb(168,48,253)
```
#b044fd
```
#b044fd rgb(176,68,253)
```
#b857fd
```
#b857fd rgb(184,87,253)
```
#c06afd
```
#c06afd rgb(192,106,253)
```
#c87efd
```
#c87efd rgb(200,126,253)
```
#d191fe
```
#d191fe rgb(209,145,254)
```
#d9a5fe
```
#d9a5fe rgb(217,165,254)
```
#e1b8fe
```
#e1b8fe rgb(225,184,254)
```
#e9cbfe
```
#e9cbfe rgb(233,203,254)
```
#f1dfff
```
#f1dfff rgb(241,223,255)
```
#faf2ff
```
#faf2ff rgb(250,242,255)
```

Tint Color Variation

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

#aba5af
```
#aba5af rgb(171,165,175)
```
#ac9fb5
```
#ac9fb5 rgb(172,159,181)
```
#ad98bc
```
#ad98bc rgb(173,152,188)
```
#ae92c2
```
#ae92c2 rgb(174,146,194)
```
#af8bc9
```
#af8bc9 rgb(175,139,201)
```
#b085cf
```
#b085cf rgb(176,133,207)
```
#b17ed6
```
#b17ed6 rgb(177,126,214)
```
#b278dc
```
#b278dc rgb(178,120,220)
```
#b471e3
```
#b471e3 rgb(180,113,227)
```
#b56be9
```
#b56be9 rgb(181,107,233)
```
#b664f0
```
#b664f0 rgb(182,100,240)
```
#b75ef6
```
#b75ef6 rgb(183,94,246)
```
#b857fd
```
#b857fd rgb(184,87,253)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#917d9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d89ff Protanopia 1% of men
#228fed Deuteranopia 1% of men
#a4848d Tritanopia 0.001% of the population

Trichromacy

#6a76fe Protanomaly 1% of men, 0.01% of women
#587af2 Deuteranomaly 6% of men, 0.4% of women
#ab74b6 Tritanomaly 0.01% of the population

#b857fd hex color

#b857fd Color Information

#b857fd Color Conversion

Color Schemes with #b857fd

Alternatives to #b857fd

#b857fd Preview

Shades and Tints of #b857fd

Tones of #b857fd

Color Blindness Simulator