#b366f2 hex color

In a RGB color space, hex #b366f2 is composed of 70.2% red, 40% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 26% cyan, 57.9% magenta, 0% yellow and 5.1% black. It has a hue angle of 273 degrees, a saturation of 84.3% and a lightness of 67.5%. #b366f2 color hex could be obtained by blending #ffccff with #6700e5. Closest websafe color is: #cc66ff.

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

● #b366f2 color description : Soft violet.

The hexadecimal color #b366f2 has RGB values of R:179, G:102, B:242 and CMYK values of C:0.26, M:0.58, Y:0, K:0.05. Its decimal value is 11757298.

Hex triplet	b366f2	`#b366f2`
RGB Decimal	179, 102, 242	`rgb(179,102,242)`
RGB Percent	70.2, 40, 94.9	`rgb(70.2%,40%,94.9%)`
CMYK	26, 58, 0, 5
HSL	273°, 84.3, 67.5	`hsl(273,84.3%,67.5%)`
HSV (or HSB)	273°, 57.9, 94.9
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	57.557, 55.648, -58.656
XYZ	39.366, 25.498, 86.847
xyY	0.259, 0.168, 25.498
CIE-LCH	57.557, 80.853, 313.492
CIE-LUV	57.557, 24.633, -98.798
Hunter-Lab	50.495, 50.792, -66.626
Binary	10110011, 01100110, 11110010

#b366f2
```
#b366f2 rgb(179,102,242)
```
#a5f266
```
#a5f266 rgb(165,242,102)
```

Complementary Color

#6d66f2
```
#6d66f2 rgb(109,102,242)
```
#b366f2
```
#b366f2 rgb(179,102,242)
```
#f266eb
```
#f266eb rgb(242,102,235)
```

Analogous Color

#66f26d
```
#66f26d rgb(102,242,109)
```
#b366f2
```
#b366f2 rgb(179,102,242)
```
#ebf266
```
#ebf266 rgb(235,242,102)
```

Split Complementary Color

#66f2b3
```
#66f2b3 rgb(102,242,179)
```
#b366f2
```
#b366f2 rgb(179,102,242)
```
#f2b366
```
#f2b366 rgb(242,179,102)
```

Triadic Color

#66a5f2
```
#66a5f2 rgb(102,165,242)
```
#b366f2
```
#b366f2 rgb(179,102,242)
```
#f2b366
```
#f2b366 rgb(242,179,102)
```
#a5f266
```
#a5f266 rgb(165,242,102)
```

Tetradic Color

#901fec
```
#901fec rgb(144,31,236)
```
#9c37ee
```
#9c37ee rgb(156,55,238)
```
#a74ef0
```
#a74ef0 rgb(167,78,240)
```
#b366f2
```
#b366f2 rgb(179,102,242)
```
#bf7ef4
```
#bf7ef4 rgb(191,126,244)
```
#ca95f6
```
#ca95f6 rgb(202,149,246)
```
#d6adf8
```
#d6adf8 rgb(214,173,248)
```

Monochromatic Color

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

#9066f2
```
#9066f2 rgb(144,102,242)
```
#9c66f2
```
#9c66f2 rgb(156,102,242)
```
#a766f2
```
#a766f2 rgb(167,102,242)
```
#b366f2
```
#b366f2 rgb(179,102,242)
```
#bf66f2
```
#bf66f2 rgb(191,102,242)
```
#ca66f2
```
#ca66f2 rgb(202,102,242)
```
#d666f2
```
#d666f2 rgb(214,102,242)
```

Similar Colors

Text with hexadecimal color #b366f2

This text has a font color of #b366f2.

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

#b366f2 background color

This paragraph has a background color of #b366f2.

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

#b366f2 border color

This element has a border color of #b366f2.

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

CSS codes

.text {color:#b366f2;}

.background {background-color:#b366f2;}

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

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, #06010a is the darkest color, while #fbf7fe is the lightest one.

#06010a
```
#06010a rgb(6,1,10)
```
#10021c
```
#10021c rgb(16,2,28)
```
#1b042e
```
#1b042e rgb(27,4,46)
```
#260540
```
#260540 rgb(38,5,64)
```
#300752
```
#300752 rgb(48,7,82)
```
#3b0964
```
#3b0964 rgb(59,9,100)
```
#460a76
```
#460a76 rgb(70,10,118)
```
#500c88
```
#500c88 rgb(80,12,136)
```
#5b0d9a
```
#5b0d9a rgb(91,13,154)
```
#650fac
```
#650fac rgb(101,15,172)
```
#7010bf
```
#7010bf rgb(112,16,191)
```
#7b12d1
```
#7b12d1 rgb(123,18,209)
```
#8513e3
```
#8513e3 rgb(133,19,227)
```

Shade Color Variation

#8f1eec
```
#8f1eec rgb(143,30,236)
```
#9830ed
```
#9830ed rgb(152,48,237)
```
#a142ef
```
#a142ef rgb(161,66,239)
```
#aa54f0
```
#aa54f0 rgb(170,84,240)
```
#b366f2
```
#b366f2 rgb(179,102,242)
```
#bc78f4
```
#bc78f4 rgb(188,120,244)
```
#c58af5
```
#c58af5 rgb(197,138,245)
```
#ce9cf7
```
#ce9cf7 rgb(206,156,247)
```
#d7aef8
```
#d7aef8 rgb(215,174,248)
```
#e0c0fa
```
#e0c0fa rgb(224,192,250)
```
#e9d2fb
```
#e9d2fb rgb(233,210,251)
```
#f2e5fd
```
#f2e5fd rgb(242,229,253)
```
#fbf7fe
```
#fbf7fe rgb(251,247,254)
```

Tint Color Variation

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

#ada6b2
```
#ada6b2 rgb(173,166,178)
```
#ad9fb9
```
#ad9fb9 rgb(173,159,185)
```
#ae99bf
```
#ae99bf rgb(174,153,191)
```
#af93c5
```
#af93c5 rgb(175,147,197)
```
#af8ccc
```
#af8ccc rgb(175,140,204)
```
#b086d2
```
#b086d2 rgb(176,134,210)
```
#b080d8
```
#b080d8 rgb(176,128,216)
```
#b179df
```
#b179df rgb(177,121,223)
```
#b273e5
```
#b273e5 rgb(178,115,229)
```
#b26cec
```
#b26cec rgb(178,108,236)
```
#b366f2
```
#b366f2 rgb(179,102,242)
```
#b460f8
```
#b460f8 rgb(180,96,248)
```
#b459ff
```
#b459ff rgb(180,89,255)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#9585a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b8cff Protanopia 1% of men
#4e91e6 Deuteranopia 1% of men
#a38993 Tritanopia 0.001% of the population

Trichromacy

#707efa Protanomaly 1% of men, 0.01% of women
#7381ea Deuteranomaly 6% of men, 0.4% of women
#a87cb5 Tritanomaly 0.01% of the population

#b366f2 hex color

#b366f2 Color Information

#b366f2 Color Conversion

Color Schemes with #b366f2

Alternatives to #b366f2

#b366f2 Preview

Shades and Tints of #b366f2

Tones of #b366f2

Color Blindness Simulator