#b864fd hex color

In a RGB color space, hex #b864fd is composed of 72.2% red, 39.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 27.3% cyan, 60.5% magenta, 0% yellow and 0.8% black. It has a hue angle of 272.9 degrees, a saturation of 97.5% and a lightness of 69.2%. #b864fd color hex could be obtained by blending #ffc8ff with #7100fb. Closest websafe color is: #cc66ff.

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

● #b864fd color description : Soft violet.

The hexadecimal color #b864fd has RGB values of R:184, G:100, B:253 and CMYK values of C:0.27, M:0.6, Y:0, K:0.01. Its decimal value is 12084477.

Hex triplet	b864fd	`#b864fd`
RGB Decimal	184, 100, 253	`rgb(184,100,253)`
RGB Percent	72.2, 39.2, 99.2	`rgb(72.2%,39.2%,99.2%)`
CMYK	27, 60, 0, 1
HSL	272.9°, 97.5, 69.2	`hsl(272.9,97.5%,69.2%)`
HSV (or HSB)	272.9°, 60.5, 99.2
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	58.412, 60.251, -63.35
XYZ	42.051, 26.397, 95.803
xyY	0.256, 0.161, 26.397
CIE-LCH	58.412, 87.427, 313.563
CIE-LUV	58.412, 25.843, -106.945
Hunter-Lab	51.378, 56.184, -74.591
Binary	10111000, 01100100, 11111101

#b864fd
```
#b864fd rgb(184,100,253)
```
#a9fd64
```
#a9fd64 rgb(169,253,100)
```

Complementary Color

#6c64fd
```
#6c64fd rgb(108,100,253)
```
#b864fd
```
#b864fd rgb(184,100,253)
```
#fd64f6
```
#fd64f6 rgb(253,100,246)
```

Analogous Color

#64fd6c
```
#64fd6c rgb(100,253,108)
```
#b864fd
```
#b864fd rgb(184,100,253)
```
#f6fd64
```
#f6fd64 rgb(246,253,100)
```

Split Complementary Color

#64fdb8
```
#64fdb8 rgb(100,253,184)
```
#b864fd
```
#b864fd rgb(184,100,253)
```
#fdb864
```
#fdb864 rgb(253,184,100)
```

Triadic Color

#64a9fd
```
#64a9fd rgb(100,169,253)
```
#b864fd
```
#b864fd rgb(184,100,253)
```
#fdb864
```
#fdb864 rgb(253,184,100)
```
#a9fd64
```
#a9fd64 rgb(169,253,100)
```

Tetradic Color

#9518fc
```
#9518fc rgb(149,24,252)
```
#a132fc
```
#a132fc rgb(161,50,252)
```
#ac4bfd
```
#ac4bfd rgb(172,75,253)
```
#b864fd
```
#b864fd rgb(184,100,253)
```
#c47dfd
```
#c47dfd rgb(196,125,253)
```
#cf96fe
```
#cf96fe rgb(207,150,254)
```
#dbb0fe
```
#dbb0fe rgb(219,176,254)
```

Monochromatic Color

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

#9264fd
```
#9264fd rgb(146,100,253)
```
#9f64fd
```
#9f64fd rgb(159,100,253)
```
#ab64fd
```
#ab64fd rgb(171,100,253)
```
#b864fd
```
#b864fd rgb(184,100,253)
```
#c564fd
```
#c564fd rgb(197,100,253)
```
#d264fd
```
#d264fd rgb(210,100,253)
```
#de64fd
```
#de64fd rgb(222,100,253)
```

Similar Colors

Text with hexadecimal color #b864fd

This text has a font color of #b864fd.

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

#b864fd background color

This paragraph has a background color of #b864fd.

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

#b864fd border color

This element has a border color of #b864fd.

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

CSS codes

.text {color:#b864fd;}

.background {background-color:#b864fd;}

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

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

#0b0013
```
#0b0013 rgb(11,0,19)
```
#150027
```
#150027 rgb(21,0,39)
```
#20013a
```
#20013a rgb(32,1,58)
```
#2b014d
```
#2b014d rgb(43,1,77)
```
#360161
```
#360161 rgb(54,1,97)
```
#400174
```
#400174 rgb(64,1,116)
```
#4b0287
```
#4b0287 rgb(75,2,135)
```
#56029b
```
#56029b rgb(86,2,155)
```
#6102ae
```
#6102ae rgb(97,2,174)
```
#6b02c2
```
#6b02c2 rgb(107,2,194)
```
#7603d5
```
#7603d5 rgb(118,3,213)
```
#8103e8
```
#8103e8 rgb(129,3,232)
```
#8c03fc
```
#8c03fc rgb(140,3,252)
```

Shade Color Variation

#9517fc
```
#9517fc rgb(149,23,252)
```
#9d2afc
```
#9d2afc rgb(157,42,252)
```
#a63dfd
```
#a63dfd rgb(166,61,253)
```
#af51fd
```
#af51fd rgb(175,81,253)
```
#b864fd
```
#b864fd rgb(184,100,253)
```
#c177fd
```
#c177fd rgb(193,119,253)
```
#ca8bfd
```
#ca8bfd rgb(202,139,253)
```
#d39efe
```
#d39efe rgb(211,158,254)
```
#dbb1fe
```
#dbb1fe rgb(219,177,254)
```
#e4c5fe
```
#e4c5fe rgb(228,197,254)
```
#edd8fe
```
#edd8fe rgb(237,216,254)
```
#f6ecff
```
#f6ecff rgb(246,236,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#b1acb5
```
#b1acb5 rgb(177,172,181)
```
#b1a6bb
```
#b1a6bb rgb(177,166,187)
```
#b2a0c1
```
#b2a0c1 rgb(178,160,193)
```
#b39ac7
```
#b39ac7 rgb(179,154,199)
```
#b394cd
```
#b394cd rgb(179,148,205)
```
#b48ed3
```
#b48ed3 rgb(180,142,211)
```
#b488d9
```
#b488d9 rgb(180,136,217)
```
#b582df
```
#b582df rgb(181,130,223)
```
#b67ce5
```
#b67ce5 rgb(182,124,229)
```
#b676eb
```
#b676eb rgb(182,118,235)
```
#b770f1
```
#b770f1 rgb(183,112,241)
```
#b76af7
```
#b76af7 rgb(183,106,247)
```
#b864fd
```
#b864fd rgb(184,100,253)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#9786a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#518eff Protanopia 1% of men
#4193ef Deuteranopia 1% of men
#a58b95 Tritanopia 0.001% of the population

Trichromacy

#767ffe Protanomaly 1% of men, 0.01% of women
#6c82f4 Deuteranomaly 6% of men, 0.4% of women
#ac7dbb Tritanomaly 0.01% of the population

#b864fd hex color

#b864fd Color Information

#b864fd Color Conversion

Color Schemes with #b864fd

Alternatives to #b864fd

#b864fd Preview

Shades and Tints of #b864fd

Tones of #b864fd

Color Blindness Simulator