#b486fd hex color

In a RGB color space, hex #b486fd is composed of 70.6% red, 52.5% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 28.9% cyan, 47% magenta, 0% yellow and 0.8% black. It has a hue angle of 263.2 degrees, a saturation of 96.7% and a lightness of 75.9%. #b486fd color hex could be obtained by blending #ffffff with #690dfb. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 71
- G 53
- B 99
RGB color chart
- C 29
- M 47
- Y 0
- K 1
CMYK color chart

● #b486fd color description : Soft violet.

The hexadecimal color #b486fd has RGB values of R:180, G:134, B:253 and CMYK values of C:0.29, M:0.47, Y:0, K:0.01. Its decimal value is 11831037.

Hex triplet	b486fd	`#b486fd`
RGB Decimal	180, 134, 253	`rgb(180,134,253)`
RGB Percent	70.6, 52.5, 99.2	`rgb(70.6%,52.5%,99.2%)`
CMYK	29, 47, 0, 1
HSL	263.2°, 96.7, 75.9	`hsl(263.2,96.7%,75.9%)`
HSV (or HSB)	263.2°, 47, 99.2
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	64.84, 41.465, -53.117
XYZ	45.074, 33.845, 97.081
xyY	0.256, 0.192, 33.845
CIE-LCH	64.84, 67.385, 307.977
CIE-LUV	64.84, 13.303, -90.55
Hunter-Lab	58.177, 36.488, -58.215
Binary	10110100, 10000110, 11111101

#b486fd
```
#b486fd rgb(180,134,253)
```
#cffd86
```
#cffd86 rgb(207,253,134)
```

Complementary Color

#8694fd
```
#8694fd rgb(134,148,253)
```
#b486fd
```
#b486fd rgb(180,134,253)
```
#f086fd
```
#f086fd rgb(240,134,253)
```

Analogous Color

#94fd86
```
#94fd86 rgb(148,253,134)
```
#b486fd
```
#b486fd rgb(180,134,253)
```
#fdf086
```
#fdf086 rgb(253,240,134)
```

Split Complementary Color

#86fdb4
```
#86fdb4 rgb(134,253,180)
```
#b486fd
```
#b486fd rgb(180,134,253)
```
#fdb486
```
#fdb486 rgb(253,180,134)
```

Triadic Color

#86cffd
```
#86cffd rgb(134,207,253)
```
#b486fd
```
#b486fd rgb(180,134,253)
```
#fdb486
```
#fdb486 rgb(253,180,134)
```
#cffd86
```
#cffd86 rgb(207,253,134)
```

Tetradic Color

#853bfc
```
#853bfc rgb(133,59,252)
```
#9554fc
```
#9554fc rgb(149,84,252)
```
#a46dfd
```
#a46dfd rgb(164,109,253)
```
#b486fd
```
#b486fd rgb(180,134,253)
```
#c49ffd
```
#c49ffd rgb(196,159,253)
```
#d3b8fe
```
#d3b8fe rgb(211,184,254)
```
#e3d1fe
```
#e3d1fe rgb(227,209,254)
```

Monochromatic Color

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

#9686fd
```
#9686fd rgb(150,134,253)
```
#a086fd
```
#a086fd rgb(160,134,253)
```
#aa86fd
```
#aa86fd rgb(170,134,253)
```
#b486fd
```
#b486fd rgb(180,134,253)
```
#be86fd
```
#be86fd rgb(190,134,253)
```
#c886fd
```
#c886fd rgb(200,134,253)
```
#d286fd
```
#d286fd rgb(210,134,253)
```

Similar Colors

Text with hexadecimal color #b486fd

This text has a font color of #b486fd.

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

#b486fd background color

This paragraph has a background color of #b486fd.

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

#b486fd border color

This element has a border color of #b486fd.

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

CSS codes

.text {color:#b486fd;}

.background {background-color:#b486fd;}

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

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, #06000e is the darkest color, while #fcfaff is the lightest one.

#06000e
```
#06000e rgb(6,0,14)
```
#0d0121
```
#0d0121 rgb(13,1,33)
```
#150135
```
#150135 rgb(21,1,53)
```
#1d0148
```
#1d0148 rgb(29,1,72)
```
#24025b
```
#24025b rgb(36,2,91)
```
#2c026f
```
#2c026f rgb(44,2,111)
```
#340282
```
#340282 rgb(52,2,130)
```
#3b0295
```
#3b0295 rgb(59,2,149)
```
#4303a8
```
#4303a8 rgb(67,3,168)
```
#4a03bc
```
#4a03bc rgb(74,3,188)
```
#5203cf
```
#5203cf rgb(82,3,207)
```
#5a04e2
```
#5a04e2 rgb(90,4,226)
```
#6104f6
```
#6104f6 rgb(97,4,246)
```

Shade Color Variation

#6c12fb
```
#6c12fb rgb(108,18,251)
```
#7826fb
```
#7826fb rgb(120,38,251)
```
#8439fc
```
#8439fc rgb(132,57,252)
```
#904cfc
```
#904cfc rgb(144,76,252)
```
#9c5ffc
```
#9c5ffc rgb(156,95,252)
```
#a873fd
```
#a873fd rgb(168,115,253)
```
#b486fd
```
#b486fd rgb(180,134,253)
```
#c099fd
```
#c099fd rgb(192,153,253)
```
#ccadfe
```
#ccadfe rgb(204,173,254)
```
#d8c0fe
```
#d8c0fe rgb(216,192,254)
```
#e4d3fe
```
#e4d3fe rgb(228,211,254)
```
#f0e6ff
```
#f0e6ff rgb(240,230,255)
```
#fcfaff
```
#fcfaff rgb(252,250,255)
```

Tint Color Variation

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

#c1bfc4
```
#c1bfc4 rgb(193,191,196)
```
#c0bac9
```
#c0bac9 rgb(192,186,201)
```
#bfb5ce
```
#bfb5ce rgb(191,181,206)
```
#beb1d2
```
#beb1d2 rgb(190,177,210)
```
#bdacd7
```
#bdacd7 rgb(189,172,215)
```
#bca7dc
```
#bca7dc rgb(188,167,220)
```
#baa2e1
```
#baa2e1 rgb(186,162,225)
```
#b99ee5
```
#b99ee5 rgb(185,158,229)
```
#b899ea
```
#b899ea rgb(184,153,234)
```
#b794ef
```
#b794ef rgb(183,148,239)
```
#b68ff4
```
#b68ff4 rgb(182,143,244)
```
#b58bf8
```
#b58bf8 rgb(181,139,248)
```
#b486fd
```
#b486fd rgb(180,134,253)
```

Tone Color Variation

Below, you can see how #b486fd 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
#a59cb3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#779fff Protanopia 1% of men
#71a2f5 Deuteranopia 1% of men
#a5a0ab Tritanopia 0.001% of the population

Trichromacy

#8d96fe Protanomaly 1% of men, 0.01% of women
#8998f7 Deuteranomaly 6% of men, 0.4% of women
#aa96c9 Tritanomaly 0.01% of the population

#b486fd hex color

#b486fd Color Information

#b486fd Color Conversion

Color Schemes with #b486fd

Alternatives to #b486fd

#b486fd Preview

Shades and Tints of #b486fd

Tones of #b486fd

Color Blindness Simulator