#b357f2 hex color

In a RGB color space, hex #b357f2 is composed of 70.2% red, 34.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 26% cyan, 64% magenta, 0% yellow and 5.1% black. It has a hue angle of 275.6 degrees, a saturation of 85.6% and a lightness of 64.5%. #b357f2 color hex could be obtained by blending #ffaeff with #6700e5. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 70
- G 34
- B 95
RGB color chart
- C 26
- M 64
- Y 0
- K 5
CMYK color chart

● #b357f2 color description : Soft violet.

The hexadecimal color #b357f2 has RGB values of R:179, G:87, B:242 and CMYK values of C:0.26, M:0.64, Y:0, K:0.05. Its decimal value is 11753458.

Hex triplet	b357f2	`#b357f2`
RGB Decimal	179, 87, 242	`rgb(179,87,242)`
RGB Percent	70.2, 34.1, 94.9	`rgb(70.2%,34.1%,94.9%)`
CMYK	26, 64, 0, 5
HSL	275.6°, 85.6, 64.5	`hsl(275.6,85.6%,64.5%)`
HSV (or HSB)	275.6°, 64, 94.9
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	54.878, 62.909, -62.957
XYZ	38.023, 22.812, 86.4
xyY	0.258, 0.155, 22.812
CIE-LCH	54.878, 89.001, 314.978
CIE-LUV	54.878, 28.558, -105.046
Hunter-Lab	47.762, 58.522, -73.821
Binary	10110011, 01010111, 11110010

#b357f2
```
#b357f2 rgb(179,87,242)
```
#96f257
```
#96f257 rgb(150,242,87)
```

Complementary Color

#6657f2
```
#6657f2 rgb(102,87,242)
```
#b357f2
```
#b357f2 rgb(179,87,242)
```
#f257e4
```
#f257e4 rgb(242,87,228)
```

Analogous Color

#57f266
```
#57f266 rgb(87,242,102)
```
#b357f2
```
#b357f2 rgb(179,87,242)
```
#e4f257
```
#e4f257 rgb(228,242,87)
```

Split Complementary Color

#57f2b3
```
#57f2b3 rgb(87,242,179)
```
#b357f2
```
#b357f2 rgb(179,87,242)
```
#f2b357
```
#f2b357 rgb(242,179,87)
```

Triadic Color

#5796f2
```
#5796f2 rgb(87,150,242)
```
#b357f2
```
#b357f2 rgb(179,87,242)
```
#f2b357
```
#f2b357 rgb(242,179,87)
```
#96f257
```
#96f257 rgb(150,242,87)
```

Tetradic Color

#9212ea
```
#9212ea rgb(146,18,234)
```
#9e28ee
```
#9e28ee rgb(158,40,238)
```
#a83ff0
```
#a83ff0 rgb(168,63,240)
```
#b357f2
```
#b357f2 rgb(179,87,242)
```
#be6ff4
```
#be6ff4 rgb(190,111,244)
```
#c886f6
```
#c886f6 rgb(200,134,246)
```
#d39ef7
```
#d39ef7 rgb(211,158,247)
```

Monochromatic Color

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

#8c57f2
```
#8c57f2 rgb(140,87,242)
```
#9957f2
```
#9957f2 rgb(153,87,242)
```
#a657f2
```
#a657f2 rgb(166,87,242)
```
#b357f2
```
#b357f2 rgb(179,87,242)
```
#c057f2
```
#c057f2 rgb(192,87,242)
```
#cd57f2
```
#cd57f2 rgb(205,87,242)
```
#da57f2
```
#da57f2 rgb(218,87,242)
```

Similar Colors

Text with hexadecimal color #b357f2

This text has a font color of #b357f2.

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

#b357f2 background color

This paragraph has a background color of #b357f2.

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

#b357f2 border color

This element has a border color of #b357f2.

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

CSS codes

.text {color:#b357f2;}

.background {background-color:#b357f2;}

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

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, #09010e is the darkest color, while #fdfbff is the lightest one.

#09010e
```
#09010e rgb(9,1,14)
```
#140220
```
#140220 rgb(20,2,32)
```
#200432
```
#200432 rgb(32,4,50)
```
#2b0545
```
#2b0545 rgb(43,5,69)
```
#360757
```
#360757 rgb(54,7,87)
```
#420869
```
#420869 rgb(66,8,105)
```
#4d0a7b
```
#4d0a7b rgb(77,10,123)
```
#580b8e
```
#580b8e rgb(88,11,142)
```
#640ca0
```
#640ca0 rgb(100,12,160)
```
#6f0eb2
```
#6f0eb2 rgb(111,14,178)
```
#7b0fc4
```
#7b0fc4 rgb(123,15,196)
```
#8611d6
```
#8611d6 rgb(134,17,214)
```
#9112e9
```
#9112e9 rgb(145,18,233)
```

Shade Color Variation

#9a20ee
```
#9a20ee rgb(154,32,238)
```
#a333ef
```
#a333ef rgb(163,51,239)
```
#ab45f1
```
#ab45f1 rgb(171,69,241)
```
#b357f2
```
#b357f2 rgb(179,87,242)
```
#bb69f3
```
#bb69f3 rgb(187,105,243)
```
#c37bf5
```
#c37bf5 rgb(195,123,245)
```
#cc8ef6
```
#cc8ef6 rgb(204,142,246)
```
#d4a0f8
```
#d4a0f8 rgb(212,160,248)
```
#dcb2f9
```
#dcb2f9 rgb(220,178,249)
```
#e4c4fa
```
#e4c4fa rgb(228,196,250)
```
#edd6fc
```
#edd6fc rgb(237,214,252)
```
#f5e9fd
```
#f5e9fd rgb(245,233,253)
```
#fdfbff
```
#fdfbff rgb(253,251,255)
```

Tint Color Variation

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

#a5a4a5
```
#a5a4a5 rgb(165,164,165)
```
#a69dac
```
#a69dac rgb(166,157,172)
```
#a796b3
```
#a796b3 rgb(167,150,179)
```
#a98fba
```
#a98fba rgb(169,143,186)
```
#aa88c1
```
#aa88c1 rgb(170,136,193)
```
#ab81c8
```
#ab81c8 rgb(171,129,200)
```
#ac7acf
```
#ac7acf rgb(172,122,207)
```
#ae73d6
```
#ae73d6 rgb(174,115,214)
```
#af6cdd
```
#af6cdd rgb(175,108,221)
```
#b065e4
```
#b065e4 rgb(176,101,228)
```
#b25eeb
```
#b25eeb rgb(178,94,235)
```
#b357f2
```
#b357f2 rgb(179,87,242)
```
#b450f9
```
#b450f9 rgb(180,80,249)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#8d7b9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#2f85ff Protanopia 1% of men
#348be3 Deuteranopia 1% of men
#a1818a Tritanopia 0.001% of the population

Trichromacy

#5f74fa Protanomaly 1% of men, 0.01% of women
#6278e9 Deuteranomaly 6% of men, 0.4% of women
#a871b0 Tritanomaly 0.01% of the population

#b357f2 hex color

#b357f2 Color Information

#b357f2 Color Conversion

Color Schemes with #b357f2

Alternatives to #b357f2

#b357f2 Preview

Shades and Tints of #b357f2

Tones of #b357f2

Color Blindness Simulator