#b366f0 hex color

In a RGB color space, hex #b366f0 is composed of 70.2% red, 40% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 25.4% cyan, 57.5% magenta, 0% yellow and 5.9% black. It has a hue angle of 273.5 degrees, a saturation of 82.1% and a lightness of 67.1%. #b366f0 color hex could be obtained by blending #ffccff with #6700e1. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 70
- G 40
- B 94
RGB color chart
- C 25
- M 58
- Y 0
- K 6
CMYK color chart

● #b366f0 color description : Soft violet.

The hexadecimal color #b366f0 has RGB values of R:179, G:102, B:240 and CMYK values of C:0.25, M:0.58, Y:0, K:0.06. Its decimal value is 11757296.

Hex triplet	b366f0	`#b366f0`
RGB Decimal	179, 102, 240	`rgb(179,102,240)`
RGB Percent	70.2, 40, 94.1	`rgb(70.2%,40%,94.1%)`
CMYK	25, 58, 0, 6
HSL	273.5°, 82.1, 67.1	`hsl(273.5,82.1%,67.1%)`
HSV (or HSB)	273.5°, 57.5, 94.1
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	57.442, 55.199, -57.728
XYZ	39.068, 25.378, 85.274
xyY	0.261, 0.17, 25.378
CIE-LCH	57.442, 79.871, 313.717
CIE-LUV	57.442, 25, -97.257
Hunter-Lab	50.377, 50.268, -65.097
Binary	10110011, 01100110, 11110000

#b366f0
```
#b366f0 rgb(179,102,240)
```
#a3f066
```
#a3f066 rgb(163,240,102)
```

Complementary Color

#6e66f0
```
#6e66f0 rgb(110,102,240)
```
#b366f0
```
#b366f0 rgb(179,102,240)
```
#f066e8
```
#f066e8 rgb(240,102,232)
```

Analogous Color

#66f06e
```
#66f06e rgb(102,240,110)
```
#b366f0
```
#b366f0 rgb(179,102,240)
```
#e8f066
```
#e8f066 rgb(232,240,102)
```

Split Complementary Color

#66f0b3
```
#66f0b3 rgb(102,240,179)
```
#b366f0
```
#b366f0 rgb(179,102,240)
```
#f0b366
```
#f0b366 rgb(240,179,102)
```

Triadic Color

#66a3f0
```
#66a3f0 rgb(102,163,240)
```
#b366f0
```
#b366f0 rgb(179,102,240)
```
#f0b366
```
#f0b366 rgb(240,179,102)
```
#a3f066
```
#a3f066 rgb(163,240,102)
```

Tetradic Color

#9020e9
```
#9020e9 rgb(144,32,233)
```
#9c38eb
```
#9c38eb rgb(156,56,235)
```
#a74fee
```
#a74fee rgb(167,79,238)
```
#b366f0
```
#b366f0 rgb(179,102,240)
```
#bf7df2
```
#bf7df2 rgb(191,125,242)
```
#ca94f5
```
#ca94f5 rgb(202,148,245)
```
#d6acf7
```
#d6acf7 rgb(214,172,247)
```

Monochromatic Color

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

#9166f0
```
#9166f0 rgb(145,102,240)
```
#9c66f0
```
#9c66f0 rgb(156,102,240)
```
#a866f0
```
#a866f0 rgb(168,102,240)
```
#b366f0
```
#b366f0 rgb(179,102,240)
```
#bf66f0
```
#bf66f0 rgb(191,102,240)
```
#ca66f0
```
#ca66f0 rgb(202,102,240)
```
#d666f0
```
#d666f0 rgb(214,102,240)
```

Similar Colors

Text with hexadecimal color #b366f0

This text has a font color of #b366f0.

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

#b366f0 background color

This paragraph has a background color of #b366f0.

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

#b366f0 border color

This element has a border color of #b366f0.

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

CSS codes

.text {color:#b366f0;}

.background {background-color:#b366f0;}

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

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, #050108 is the darkest color, while #faf5fe is the lightest one.

#050108
```
#050108 rgb(5,1,8)
```
#0f031a
```
#0f031a rgb(15,3,26)
```
#1a042c
```
#1a042c rgb(26,4,44)
```
#25063d
```
#25063d rgb(37,6,61)
```
#30084f
```
#30084f rgb(48,8,79)
```
#3a0a61
```
#3a0a61 rgb(58,10,97)
```
#450b73
```
#450b73 rgb(69,11,115)
```
#500d85
```
#500d85 rgb(80,13,133)
```
#5b0f97
```
#5b0f97 rgb(91,15,151)
```
#6511a9
```
#6511a9 rgb(101,17,169)
```
#7012ba
```
#7012ba rgb(112,18,186)
```
#7b14cc
```
#7b14cc rgb(123,20,204)
```
#8616de
```
#8616de rgb(134,22,222)
```

Shade Color Variation

#901fe9
```
#901fe9 rgb(144,31,233)
```
#9830eb
```
#9830eb rgb(152,48,235)
```
#a142ec
```
#a142ec rgb(161,66,236)
```
#aa54ee
```
#aa54ee rgb(170,84,238)
```
#b366f0
```
#b366f0 rgb(179,102,240)
```
#bc78f2
```
#bc78f2 rgb(188,120,242)
```
#c58af4
```
#c58af4 rgb(197,138,244)
```
#ce9cf5
```
#ce9cf5 rgb(206,156,245)
```
#d6adf7
```
#d6adf7 rgb(214,173,247)
```
#dfbff9
```
#dfbff9 rgb(223,191,249)
```
#e8d1fb
```
#e8d1fb rgb(232,209,251)
```
#f1e3fc
```
#f1e3fc rgb(241,227,252)
```
#faf5fe
```
#faf5fe rgb(250,245,254)
```

Tint Color Variation

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

#aca7af
```
#aca7af rgb(172,167,175)
```
#aca0b6
```
#aca0b6 rgb(172,160,182)
```
#ad9abc
```
#ad9abc rgb(173,154,188)
```
#ae93c3
```
#ae93c3 rgb(174,147,195)
```
#af8dc9
```
#af8dc9 rgb(175,141,201)
```
#af86d0
```
#af86d0 rgb(175,134,208)
```
#b080d6
```
#b080d6 rgb(176,128,214)
```
#b179dd
```
#b179dd rgb(177,121,221)
```
#b273e3
```
#b273e3 rgb(178,115,227)
```
#b26cea
```
#b26cea rgb(178,108,234)
```
#b366f0
```
#b366f0 rgb(179,102,240)
```
#b460f6
```
#b460f6 rgb(180,96,246)
```
#b459fd
```
#b459fd rgb(180,89,253)
```

Tone Color Variation

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

#4a8cff Protanopia 1% of men
#5191e4 Deuteranopia 1% of men
#a38992 Tritanopia 0.001% of the population

Trichromacy

#707ef9 Protanomaly 1% of men, 0.01% of women
#7481e8 Deuteranomaly 6% of men, 0.4% of women
#a97cb4 Tritanomaly 0.01% of the population

#b366f0 hex color

#b366f0 Color Information

#b366f0 Color Conversion

Color Schemes with #b366f0

Alternatives to #b366f0

#b366f0 Preview

Shades and Tints of #b366f0

Tones of #b366f0

Color Blindness Simulator