#b486e4 hex color

In a RGB color space, hex #b486e4 is composed of 70.6% red, 52.5% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 21.1% cyan, 41.2% magenta, 0% yellow and 10.6% black. It has a hue angle of 269.4 degrees, a saturation of 63.5% and a lightness of 71%. #b486e4 color hex could be obtained by blending #ffffff with #690dc9. Closest websafe color is: #cc99cc.

♥
- f
- t
- g
- R 71
- G 53
- B 89
RGB color chart
- C 21
- M 41
- Y 0
- K 11
CMYK color chart

● #b486e4 color description : Very soft violet.

The hexadecimal color #b486e4 has RGB values of R:180, G:134, B:228 and CMYK values of C:0.21, M:0.41, Y:0, K:0.11. Its decimal value is 11831012.

Hex triplet	b486e4	`#b486e4`
RGB Decimal	180, 134, 228	`rgb(180,134,228)`
RGB Percent	70.6, 52.5, 89.4	`rgb(70.6%,52.5%,89.4%)`
CMYK	21, 41, 0, 11
HSL	269.4°, 63.5, 71	`hsl(269.4,63.5%,71%)`
HSV (or HSB)	269.4°, 41.2, 89.4
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	63.636, 35.603, -41.239
XYZ	41.349, 32.355, 77.461
xyY	0.274, 0.214, 32.355
CIE-LCH	63.636, 54.481, 310.806
CIE-LUV	63.636, 16.59, -70.076
Hunter-Lab	56.882, 30.213, -40.924
Binary	10110100, 10000110, 11100100

#b486e4
```
#b486e4 rgb(180,134,228)
```
#b6e486
```
#b6e486 rgb(182,228,134)
```

Complementary Color

#8687e4
```
#8687e4 rgb(134,135,228)
```
#b486e4
```
#b486e4 rgb(180,134,228)
```
#e386e4
```
#e386e4 rgb(227,134,228)
```

Analogous Color

#87e486
```
#87e486 rgb(135,228,134)
```
#b486e4
```
#b486e4 rgb(180,134,228)
```
#e4e386
```
#e4e386 rgb(228,227,134)
```

Split Complementary Color

#86e4b4
```
#86e4b4 rgb(134,228,180)
```
#b486e4
```
#b486e4 rgb(180,134,228)
```
#e4b486
```
#e4b486 rgb(228,180,134)
```

Triadic Color

#86b6e4
```
#86b6e4 rgb(134,182,228)
```
#b486e4
```
#b486e4 rgb(180,134,228)
```
#e4b486
```
#e4b486 rgb(228,180,134)
```
#b6e486
```
#b6e486 rgb(182,228,134)
```

Tetradic Color

#8d47d6
```
#8d47d6 rgb(141,71,214)
```
#9a5cdb
```
#9a5cdb rgb(154,92,219)
```
#a771df
```
#a771df rgb(167,113,223)
```
#b486e4
```
#b486e4 rgb(180,134,228)
```
#c19be9
```
#c19be9 rgb(193,155,233)
```
#ceb0ed
```
#ceb0ed rgb(206,176,237)
```
#dbc5f2
```
#dbc5f2 rgb(219,197,242)
```

Monochromatic Color

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

#9d86e4
```
#9d86e4 rgb(157,134,228)
```
#a486e4
```
#a486e4 rgb(164,134,228)
```
#ac86e4
```
#ac86e4 rgb(172,134,228)
```
#b486e4
```
#b486e4 rgb(180,134,228)
```
#bc86e4
```
#bc86e4 rgb(188,134,228)
```
#c486e4
```
#c486e4 rgb(196,134,228)
```
#cc86e4
```
#cc86e4 rgb(204,134,228)
```

Similar Colors

Text with hexadecimal color #b486e4

This text has a font color of #b486e4.

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

#b486e4 background color

This paragraph has a background color of #b486e4.

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

#b486e4 border color

This element has a border color of #b486e4.

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

CSS codes

.text {color:#b486e4;}

.background {background-color:#b486e4;}

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

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

#040207
```
#040207 rgb(4,2,7)
```
#0e0517
```
#0e0517 rgb(14,5,23)
```
#180927
```
#180927 rgb(24,9,39)
```
#210c37
```
#210c37 rgb(33,12,55)
```
#2b1047
```
#2b1047 rgb(43,16,71)
```
#351457
```
#351457 rgb(53,20,87)
```
#3e1768
```
#3e1768 rgb(62,23,104)
```
#481b78
```
#481b78 rgb(72,27,120)
```
#521e88
```
#521e88 rgb(82,30,136)
```
#5b2298
```
#5b2298 rgb(91,34,152)
```
#6525a8
```
#6525a8 rgb(101,37,168)
```
#6f29b8
```
#6f29b8 rgb(111,41,184)
```
#792dc8
```
#792dc8 rgb(121,45,200)
```

Shade Color Variation

#8236d2
```
#8236d2 rgb(130,54,210)
```
#8c46d6
```
#8c46d6 rgb(140,70,214)
```
#9656d9
```
#9656d9 rgb(150,86,217)
```
#a066dd
```
#a066dd rgb(160,102,221)
```
#aa76e0
```
#aa76e0 rgb(170,118,224)
```
#b486e4
```
#b486e4 rgb(180,134,228)
```
#be96e8
```
#be96e8 rgb(190,150,232)
```
#c8a6eb
```
#c8a6eb rgb(200,166,235)
```
#d2b6ef
```
#d2b6ef rgb(210,182,239)
```
#dcc6f2
```
#dcc6f2 rgb(220,198,242)
```
#e6d6f6
```
#e6d6f6 rgb(230,214,246)
```
#f0e6f9
```
#f0e6f9 rgb(240,230,249)
```
#faf6fd
```
#faf6fd rgb(250,246,253)
```

Tint Color Variation

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

#b5b4b6
```
#b5b4b6 rgb(181,180,182)
```
#b5aebc
```
#b5aebc rgb(181,174,188)
```
#b5a8c2
```
#b5a8c2 rgb(181,168,194)
```
#b5a2c8
```
#b5a2c8 rgb(181,162,200)
```
#b49dcd
```
#b49dcd rgb(180,157,205)
```
#b497d3
```
#b497d3 rgb(180,151,211)
```
#b491d9
```
#b491d9 rgb(180,145,217)
```
#b48cde
```
#b48cde rgb(180,140,222)
```
#b486e4
```
#b486e4 rgb(180,134,228)
```
#b480ea
```
#b480ea rgb(180,128,234)
```
#b47bef
```
#b47bef rgb(180,123,239)
```
#b475f5
```
#b475f5 rgb(180,117,245)
```
#b46ffb
```
#b46ffb rgb(180,111,251)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#a299ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c9cf1 Protanopia 1% of men
#839edf Deuteranopia 1% of men
#aa9aa5 Tritanopia 0.001% of the population

Trichromacy

#9094ec Protanomaly 1% of men, 0.01% of women
#9595e0 Deuteranomaly 6% of men, 0.4% of women
#ae93bc Tritanomaly 0.01% of the population

#b486e4 hex color

#b486e4 Color Information

#b486e4 Color Conversion

Color Schemes with #b486e4

Alternatives to #b486e4

#b486e4 Preview

Shades and Tints of #b486e4

Tones of #b486e4

Color Blindness Simulator