#b870f8 hex color

In a RGB color space, hex #b870f8 is composed of 72.2% red, 43.9% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 25.8% cyan, 54.8% magenta, 0% yellow and 2.7% black. It has a hue angle of 271.8 degrees, a saturation of 90.7% and a lightness of 70.6%. #b870f8 color hex could be obtained by blending #ffe0ff with #7100f1. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 72
- G 44
- B 97
RGB color chart
- C 26
- M 55
- Y 0
- K 3
CMYK color chart

● #b870f8 color description : Soft violet.

The hexadecimal color #b870f8 has RGB values of R:184, G:112, B:248 and CMYK values of C:0.26, M:0.55, Y:0, K:0.03. Its decimal value is 12087544.

Hex triplet	b870f8	`#b870f8`
RGB Decimal	184, 112, 248	`rgb(184,112,248)`
RGB Percent	72.2, 43.9, 97.3	`rgb(72.2%,43.9%,97.3%)`
CMYK	26, 55, 0, 3
HSL	271.8°, 90.7, 70.6	`hsl(271.8,90.7%,70.6%)`
HSV (or HSB)	271.8°, 54.8, 97.3
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	60.388, 53.089, -57.424
XYZ	42.502, 28.557, 92.075
xyY	0.261, 0.175, 28.557
CIE-LCH	60.388, 78.205, 312.754
CIE-LUV	60.388, 23.336, -97.594
Hunter-Lab	53.438, 48.452, -64.75
Binary	10111000, 01110000, 11111000

#b870f8
```
#b870f8 rgb(184,112,248)
```
#b0f870
```
#b0f870 rgb(176,248,112)
```

Complementary Color

#7470f8
```
#7470f8 rgb(116,112,248)
```
#b870f8
```
#b870f8 rgb(184,112,248)
```
#f870f4
```
#f870f4 rgb(248,112,244)
```

Analogous Color

#70f874
```
#70f874 rgb(112,248,116)
```
#b870f8
```
#b870f8 rgb(184,112,248)
```
#f4f870
```
#f4f870 rgb(244,248,112)
```

Split Complementary Color

#70f8b8
```
#70f8b8 rgb(112,248,184)
```
#b870f8
```
#b870f8 rgb(184,112,248)
```
#f8b870
```
#f8b870 rgb(248,184,112)
```

Triadic Color

#70b0f8
```
#70b0f8 rgb(112,176,248)
```
#b870f8
```
#b870f8 rgb(184,112,248)
```
#f8b870
```
#f8b870 rgb(248,184,112)
```
#b0f870
```
#b0f870 rgb(176,248,112)
```

Tetradic Color

#9427f4
```
#9427f4 rgb(148,39,244)
```
#a03ff6
```
#a03ff6 rgb(160,63,246)
```
#ac58f7
```
#ac58f7 rgb(172,88,247)
```
#b870f8
```
#b870f8 rgb(184,112,248)
```
#c488f9
```
#c488f9 rgb(196,136,249)
```
#d0a1fa
```
#d0a1fa rgb(208,161,250)
```
#dcb9fc
```
#dcb9fc rgb(220,185,252)
```

Monochromatic Color

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

#9670f8
```
#9670f8 rgb(150,112,248)
```
#a170f8
```
#a170f8 rgb(161,112,248)
```
#ad70f8
```
#ad70f8 rgb(173,112,248)
```
#b870f8
```
#b870f8 rgb(184,112,248)
```
#c370f8
```
#c370f8 rgb(195,112,248)
```
#cf70f8
```
#cf70f8 rgb(207,112,248)
```
#da70f8
```
#da70f8 rgb(218,112,248)
```

Similar Colors

Text with hexadecimal color #b870f8

This text has a font color of #b870f8.

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

#b870f8 background color

This paragraph has a background color of #b870f8.

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

#b870f8 border color

This element has a border color of #b870f8.

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

CSS codes

.text {color:#b870f8;}

.background {background-color:#b870f8;}

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

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

#040007
```
#040007 rgb(4,0,7)
```
#0e0119
```
#0e0119 rgb(14,1,25)
```
#18022c
```
#18022c rgb(24,2,44)
```
#23033f
```
#23033f rgb(35,3,63)
```
#2d0451
```
#2d0451 rgb(45,4,81)
```
#370564
```
#370564 rgb(55,5,100)
```
#420677
```
#420677 rgb(66,6,119)
```
#4c078a
```
#4c078a rgb(76,7,138)
```
#56089c
```
#56089c rgb(86,8,156)
```
#6109af
```
#6109af rgb(97,9,175)
```
#6b09c2
```
#6b09c2 rgb(107,9,194)
```
#750ad4
```
#750ad4 rgb(117,10,212)
```
#800be7
```
#800be7 rgb(128,11,231)
```

Shade Color Variation

#8a13f3
```
#8a13f3 rgb(138,19,243)
```
#9325f4
```
#9325f4 rgb(147,37,244)
```
#9c38f5
```
#9c38f5 rgb(156,56,245)
```
#a54bf6
```
#a54bf6 rgb(165,75,246)
```
#af5df7
```
#af5df7 rgb(175,93,247)
```
#b870f8
```
#b870f8 rgb(184,112,248)
```
#c183f9
```
#c183f9 rgb(193,131,249)
```
#cb95fa
```
#cb95fa rgb(203,149,250)
```
#d4a8fb
```
#d4a8fb rgb(212,168,251)
```
#ddbbfc
```
#ddbbfc rgb(221,187,252)
```
#e6cefd
```
#e6cefd rgb(230,206,253)
```
#f0e0fd
```
#f0e0fd rgb(240,224,253)
```
#f9f3fe
```
#f9f3fe rgb(249,243,254)
```

Tint Color Variation

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

#b4afb9
```
#b4afb9 rgb(180,175,185)
```
#b5aabe
```
#b5aabe rgb(181,170,190)
```
#b5a4c4
```
#b5a4c4 rgb(181,164,196)
```
#b59eca
```
#b59eca rgb(181,158,202)
```
#b698d0
```
#b698d0 rgb(182,152,208)
```
#b693d5
```
#b693d5 rgb(182,147,213)
```
#b68ddb
```
#b68ddb rgb(182,141,219)
```
#b787e1
```
#b787e1 rgb(183,135,225)
```
#b781e7
```
#b781e7 rgb(183,129,231)
```
#b77cec
```
#b77cec rgb(183,124,236)
```
#b876f2
```
#b876f2 rgb(184,118,242)
```
#b870f8
```
#b870f8 rgb(184,112,248)
```
#b86afe
```
#b86afe rgb(184,106,254)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#9c8ea9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e93ff Protanopia 1% of men
#5b98ed Deuteranopia 1% of men
#a8919b Tritanopia 0.001% of the population

Trichromacy

#7f86fc Protanomaly 1% of men, 0.01% of women
#7d89f1 Deuteranomaly 6% of men, 0.4% of women
#ad85bd Tritanomaly 0.01% of the population

#b870f8 hex color

#b870f8 Color Information

#b870f8 Color Conversion

Color Schemes with #b870f8

Alternatives to #b870f8

#b870f8 Preview

Shades and Tints of #b870f8

Tones of #b870f8

Color Blindness Simulator