#b286ff hex color

In a RGB color space, hex #b286ff is composed of 69.8% red, 52.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 30.2% cyan, 47.5% magenta, 0% yellow and 0% black. It has a hue angle of 261.8 degrees, a saturation of 100% and a lightness of 76.3%. #b286ff color hex could be obtained by blending #ffffff with #650dff. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 70
- G 53
- B 100
RGB color chart
- C 30
- M 47
- Y 0
- K 0
CMYK color chart

● #b286ff color description : Very light violet.

The hexadecimal color #b286ff has RGB values of R:178, G:134, B:255 and CMYK values of C:0.3, M:0.47, Y:0, K:0. Its decimal value is 11699967.

Hex triplet	b286ff	`#b286ff`
RGB Decimal	178, 134, 255	`rgb(178,134,255)`
RGB Percent	69.8, 52.5, 100	`rgb(69.8%,52.5%,100%)`
CMYK	30, 47, 0, 0
HSL	261.8°, 100, 76.3	`hsl(261.8,100%,76.3%)`
HSV (or HSB)	261.8°, 47.5, 100
Web Safe	9999ff	`#9999ff`

CIE-LAB	64.752, 41.434, -54.363
XYZ	44.932, 33.735, 98.747
xyY	0.253, 0.19, 33.735
CIE-LCH	64.752, 68.353, 307.313
CIE-LUV	64.752, 12.041, -92.561
Hunter-Lab	58.082, 36.444, -60.143
Binary	10110010, 10000110, 11111111

#b286ff
```
#b286ff rgb(178,134,255)
```
#d3ff86
```
#d3ff86 rgb(211,255,134)
```

Complementary Color

#8697ff
```
#8697ff rgb(134,151,255)
```
#b286ff
```
#b286ff rgb(178,134,255)
```
#ef86ff
```
#ef86ff rgb(239,134,255)
```

Analogous Color

#97ff86
```
#97ff86 rgb(151,255,134)
```
#b286ff
```
#b286ff rgb(178,134,255)
```
#ffef86
```
#ffef86 rgb(255,239,134)
```

Split Complementary Color

#86ffb2
```
#86ffb2 rgb(134,255,178)
```
#b286ff
```
#b286ff rgb(178,134,255)
```
#ffb286
```
#ffb286 rgb(255,178,134)
```

Triadic Color

#86d3ff
```
#86d3ff rgb(134,211,255)
```
#b286ff
```
#b286ff rgb(178,134,255)
```
#ffb286
```
#ffb286 rgb(255,178,134)
```
#d3ff86
```
#d3ff86 rgb(211,255,134)
```

Tetradic Color

#813aff
```
#813aff rgb(129,58,255)
```
#9253ff
```
#9253ff rgb(146,83,255)
```
#a26dff
```
#a26dff rgb(162,109,255)
```
#b286ff
```
#b286ff rgb(178,134,255)
```
#c2a0ff
```
#c2a0ff rgb(194,160,255)
```
#d2b9ff
```
#d2b9ff rgb(210,185,255)
```
#e3d3ff
```
#e3d3ff rgb(227,211,255)
```

Monochromatic Color

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

#9486ff
```
#9486ff rgb(148,134,255)
```
#9e86ff
```
#9e86ff rgb(158,134,255)
```
#a886ff
```
#a886ff rgb(168,134,255)
```
#b286ff
```
#b286ff rgb(178,134,255)
```
#bc86ff
```
#bc86ff rgb(188,134,255)
```
#c686ff
```
#c686ff rgb(198,134,255)
```
#d086ff
```
#d086ff rgb(208,134,255)
```

Similar Colors

Text with hexadecimal color #b286ff

This text has a font color of #b286ff.

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

#b286ff background color

This paragraph has a background color of #b286ff.

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

#b286ff border color

This element has a border color of #b286ff.

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

CSS codes

.text {color:#b286ff;}

.background {background-color:#b286ff;}

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

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

#060010
```
#060010 rgb(6,0,16)
```
#0d0024
```
#0d0024 rgb(13,0,36)
```
#140038
```
#140038 rgb(20,0,56)
```
#1b004b
```
#1b004b rgb(27,0,75)
```
#22005f
```
#22005f rgb(34,0,95)
```
#2a0072
```
#2a0072 rgb(42,0,114)
```
#310086
```
#310086 rgb(49,0,134)
```
#38009a
```
#38009a rgb(56,0,154)
```
#3f00ad
```
#3f00ad rgb(63,0,173)
```
#4600c1
```
#4600c1 rgb(70,0,193)
```
#4d00d4
```
#4d00d4 rgb(77,0,212)
```
#5400e8
```
#5400e8 rgb(84,0,232)
```
#5c00fc
```
#5c00fc rgb(92,0,252)
```

Shade Color Variation

#6710ff
```
#6710ff rgb(103,16,255)
```
#7424ff
```
#7424ff rgb(116,36,255)
```
#8038ff
```
#8038ff rgb(128,56,255)
```
#8d4bff
```
#8d4bff rgb(141,75,255)
```
#995fff
```
#995fff rgb(153,95,255)
```
#a672ff
```
#a672ff rgb(166,114,255)
```
#b286ff
```
#b286ff rgb(178,134,255)
```
#be9aff
```
#be9aff rgb(190,154,255)
```
#cbadff
```
#cbadff rgb(203,173,255)
```
#d7c1ff
```
#d7c1ff rgb(215,193,255)
```
#e4d4ff
```
#e4d4ff rgb(228,212,255)
```
#f0e8ff
```
#f0e8ff rgb(240,232,255)
```
#fdfcff
```
#fdfcff rgb(253,252,255)
```

Tint Color Variation

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

#c1bec7
```
#c1bec7 rgb(193,190,199)
```
#c0b9cc
```
#c0b9cc rgb(192,185,204)
```
#bfb5d0
```
#bfb5d0 rgb(191,181,208)
```
#bdb0d5
```
#bdb0d5 rgb(189,176,213)
```
#bcabda
```
#bcabda rgb(188,171,218)
```
#bba7de
```
#bba7de rgb(187,167,222)
```
#baa2e3
```
#baa2e3 rgb(186,162,227)
```
#b89de8
```
#b89de8 rgb(184,157,232)
```
#b799ec
```
#b799ec rgb(183,153,236)
```
#b694f1
```
#b694f1 rgb(182,148,241)
```
#b58ff6
```
#b58ff6 rgb(181,143,246)
```
#b38bfa
```
#b38bfa rgb(179,139,250)
```
#b286ff
```
#b286ff rgb(178,134,255)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#a49cb4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#779fff Protanopia 1% of men
#6da2f6 Deuteranopia 1% of men
#a2a0ac Tritanopia 0.001% of the population

Trichromacy

#8c96ff Protanomaly 1% of men, 0.01% of women
#8698f9 Deuteranomaly 6% of men, 0.4% of women
#a897ca Tritanomaly 0.01% of the population

#b286ff hex color

#b286ff Color Information

#b286ff Color Conversion

Color Schemes with #b286ff

Alternatives to #b286ff

#b286ff Preview

Shades and Tints of #b286ff

Tones of #b286ff

Color Blindness Simulator