#8366f2 hex color

In a RGB color space, hex #8366f2 is composed of 51.4% red, 40% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 45.9% cyan, 57.9% magenta, 0% yellow and 5.1% black. It has a hue angle of 252.4 degrees, a saturation of 84.3% and a lightness of 67.5%. #8366f2 color hex could be obtained by blending #ffccff with #0700e5. Closest websafe color is: #9966ff.

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

● #8366f2 color description : Soft blue.

The hexadecimal color #8366f2 has RGB values of R:131, G:102, B:242 and CMYK values of C:0.46, M:0.58, Y:0, K:0.05. Its decimal value is 8611570.

Hex triplet	8366f2	`#8366f2`
RGB Decimal	131, 102, 242	`rgb(131,102,242)`
RGB Percent	51.4, 40, 94.9	`rgb(51.4%,40%,94.9%)`
CMYK	46, 58, 0, 5
HSL	252.4°, 84.3, 67.5	`hsl(252.4,84.3%,67.5%)`
HSV (or HSB)	252.4°, 57.9, 94.9
Web Safe	9966ff	`#9966ff`

CIE-LAB	52.662, 44.988, -66.788
XYZ	30.136, 20.738, 86.415
xyY	0.22, 0.151, 20.738
CIE-LCH	52.662, 80.527, 303.964
CIE-LUV	52.662, 1.994, -107.823
Hunter-Lab	45.539, 38.428, -80.63
Binary	10000011, 01100110, 11110010

#8366f2
```
#8366f2 rgb(131,102,242)
```
#d5f266
```
#d5f266 rgb(213,242,102)
```

Complementary Color

#668ff2
```
#668ff2 rgb(102,143,242)
```
#8366f2
```
#8366f2 rgb(131,102,242)
```
#c966f2
```
#c966f2 rgb(201,102,242)
```

Analogous Color

#8ff266
```
#8ff266 rgb(143,242,102)
```
#8366f2
```
#8366f2 rgb(131,102,242)
```
#f2c966
```
#f2c966 rgb(242,201,102)
```

Split Complementary Color

#66f283
```
#66f283 rgb(102,242,131)
```
#8366f2
```
#8366f2 rgb(131,102,242)
```
#f28366
```
#f28366 rgb(242,131,102)
```

Triadic Color

#66d5f2
```
#66d5f2 rgb(102,213,242)
```
#8366f2
```
#8366f2 rgb(131,102,242)
```
#f28366
```
#f28366 rgb(242,131,102)
```
#d5f266
```
#d5f266 rgb(213,242,102)
```

Tetradic Color

#4a1fec
```
#4a1fec rgb(74,31,236)
```
#5d37ee
```
#5d37ee rgb(93,55,238)
```
#704ef0
```
#704ef0 rgb(112,78,240)
```
#8366f2
```
#8366f2 rgb(131,102,242)
```
#967ef4
```
#967ef4 rgb(150,126,244)
```
#a995f6
```
#a995f6 rgb(169,149,246)
```
#bcadf8
```
#bcadf8 rgb(188,173,248)
```

Monochromatic Color

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

#666cf2
```
#666cf2 rgb(102,108,242)
```
#6c66f2
```
#6c66f2 rgb(108,102,242)
```
#7766f2
```
#7766f2 rgb(119,102,242)
```
#8366f2
```
#8366f2 rgb(131,102,242)
```
#8f66f2
```
#8f66f2 rgb(143,102,242)
```
#9a66f2
```
#9a66f2 rgb(154,102,242)
```
#a666f2
```
#a666f2 rgb(166,102,242)
```

Similar Colors

Text with hexadecimal color #8366f2

This text has a font color of #8366f2.

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

#8366f2 background color

This paragraph has a background color of #8366f2.

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

#8366f2 border color

This element has a border color of #8366f2.

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

CSS codes

.text {color:#8366f2;}

.background {background-color:#8366f2;}

.border {border:1px solid #8366f2;}

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

#03010a
```
#03010a rgb(3,1,10)
```
#08021c
```
#08021c rgb(8,2,28)
```
#0d042e
```
#0d042e rgb(13,4,46)
```
#120540
```
#120540 rgb(18,5,64)
```
#170752
```
#170752 rgb(23,7,82)
```
#1b0964
```
#1b0964 rgb(27,9,100)
```
#200a76
```
#200a76 rgb(32,10,118)
```
#250c88
```
#250c88 rgb(37,12,136)
```
#2a0d9a
```
#2a0d9a rgb(42,13,154)
```
#2f0fac
```
#2f0fac rgb(47,15,172)
```
#3410bf
```
#3410bf rgb(52,16,191)
```
#3912d1
```
#3912d1 rgb(57,18,209)
```
#3e13e3
```
#3e13e3 rgb(62,19,227)
```

Shade Color Variation

#481eec
```
#481eec rgb(72,30,236)
```
#5730ed
```
#5730ed rgb(87,48,237)
```
#6642ef
```
#6642ef rgb(102,66,239)
```
#7454f0
```
#7454f0 rgb(116,84,240)
```
#8366f2
```
#8366f2 rgb(131,102,242)
```
#9278f4
```
#9278f4 rgb(146,120,244)
```
#a08af5
```
#a08af5 rgb(160,138,245)
```
#af9cf7
```
#af9cf7 rgb(175,156,247)
```
#beaef8
```
#beaef8 rgb(190,174,248)
```
#ccc0fa
```
#ccc0fa rgb(204,192,250)
```
#dbd2fb
```
#dbd2fb rgb(219,210,251)
```
#eae5fd
```
#eae5fd rgb(234,229,253)
```
#f8f7fe
```
#f8f7fe rgb(248,247,254)
```

Tint Color Variation

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

#a8a6b2
```
#a8a6b2 rgb(168,166,178)
```
#a59fb9
```
#a59fb9 rgb(165,159,185)
```
#a199bf
```
#a199bf rgb(161,153,191)
```
#9d93c5
```
#9d93c5 rgb(157,147,197)
```
#998ccc
```
#998ccc rgb(153,140,204)
```
#9686d2
```
#9686d2 rgb(150,134,210)
```
#9280d8
```
#9280d8 rgb(146,128,216)
```
#8e79df
```
#8e79df rgb(142,121,223)
```
#8a73e5
```
#8a73e5 rgb(138,115,229)
```
#876cec
```
#876cec rgb(135,108,236)
```
#8366f2
```
#8366f2 rgb(131,102,242)
```
#7f60f8
```
#7f60f8 rgb(127,96,248)
```
#7c59ff
```
#7c59ff rgb(124,89,255)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#807a96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0080fb Protanopia 1% of men
#0086de Deuteranopia 1% of men
#688993 Tritanopia 0.001% of the population

Trichromacy

#2f76f8 Protanomaly 1% of men, 0.01% of women
#2f7ae5 Deuteranomaly 6% of men, 0.4% of women
#727cb5 Tritanomaly 0.01% of the population

#8366f2 hex color

#8366f2 Color Information

#8366f2 Color Conversion

Color Schemes with #8366f2

Alternatives to #8366f2

#8366f2 Preview

Shades and Tints of #8366f2

Tones of #8366f2

Color Blindness Simulator