#b681f2 hex color

In a RGB color space, hex #b681f2 is composed of 71.4% red, 50.6% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 24.8% cyan, 46.7% magenta, 0% yellow and 5.1% black. It has a hue angle of 268.1 degrees, a saturation of 81.3% and a lightness of 72.7%. #b681f2 color hex could be obtained by blending #ffffff with #6d03e5. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 71
- G 51
- B 95
RGB color chart
- C 25
- M 47
- Y 0
- K 5
CMYK color chart

● #b681f2 color description : Soft violet.

The hexadecimal color #b681f2 has RGB values of R:182, G:129, B:242 and CMYK values of C:0.25, M:0.47, Y:0, K:0.05. Its decimal value is 11960818.

Hex triplet	b681f2	`#b681f2`
RGB Decimal	182, 129, 242	`rgb(182,129,242)`
RGB Percent	71.4, 50.6, 94.9	`rgb(71.4%,50.6%,94.9%)`
CMYK	25, 47, 0, 5
HSL	268.1°, 81.3, 72.7	`hsl(268.1,81.3%,72.7%)`
HSV (or HSB)	268.1°, 46.7, 94.9
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	63.39, 42.133, -49.356
XYZ	43.166, 32.057, 87.913
xyY	0.265, 0.197, 32.057
CIE-LCH	63.39, 64.894, 310.486
CIE-LUV	63.39, 17.59, -84.131
Hunter-Lab	56.619, 37.006, -52.428
Binary	10110110, 10000001, 11110010

#b681f2
```
#b681f2 rgb(182,129,242)
```
#bdf281
```
#bdf281 rgb(189,242,129)
```

Complementary Color

#8185f2
```
#8185f2 rgb(129,133,242)
```
#b681f2
```
#b681f2 rgb(182,129,242)
```
#ef81f2
```
#ef81f2 rgb(239,129,242)
```

Analogous Color

#85f281
```
#85f281 rgb(133,242,129)
```
#b681f2
```
#b681f2 rgb(182,129,242)
```
#f2ef81
```
#f2ef81 rgb(242,239,129)
```

Split Complementary Color

#81f2b6
```
#81f2b6 rgb(129,242,182)
```
#b681f2
```
#b681f2 rgb(182,129,242)
```
#f2b681
```
#f2b681 rgb(242,182,129)
```

Triadic Color

#81bdf2
```
#81bdf2 rgb(129,189,242)
```
#b681f2
```
#b681f2 rgb(182,129,242)
```
#f2b681
```
#f2b681 rgb(242,182,129)
```
#bdf281
```
#bdf281 rgb(189,242,129)
```

Tetradic Color

#8e3ceb
```
#8e3ceb rgb(142,60,235)
```
#9b53ed
```
#9b53ed rgb(155,83,237)
```
#a96af0
```
#a96af0 rgb(169,106,240)
```
#b681f2
```
#b681f2 rgb(182,129,242)
```
#c398f4
```
#c398f4 rgb(195,152,244)
```
#d1aff7
```
#d1aff7 rgb(209,175,247)
```
#dec6f9
```
#dec6f9 rgb(222,198,249)
```

Monochromatic Color

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

#9a81f2
```
#9a81f2 rgb(154,129,242)
```
#a381f2
```
#a381f2 rgb(163,129,242)
```
#ad81f2
```
#ad81f2 rgb(173,129,242)
```
#b681f2
```
#b681f2 rgb(182,129,242)
```
#bf81f2
```
#bf81f2 rgb(191,129,242)
```
#c981f2
```
#c981f2 rgb(201,129,242)
```
#d281f2
```
#d281f2 rgb(210,129,242)
```

Similar Colors

Text with hexadecimal color #b681f2

This text has a font color of #b681f2.

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

#b681f2 background color

This paragraph has a background color of #b681f2.

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

#b681f2 border color

This element has a border color of #b681f2.

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

CSS codes

.text {color:#b681f2;}

.background {background-color:#b681f2;}

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

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

#090210
```
#090210 rgb(9,2,16)
```
#120422
```
#120422 rgb(18,4,34)
```
#1b0534
```
#1b0534 rgb(27,5,52)
```
#240746
```
#240746 rgb(36,7,70)
```
#2e0957
```
#2e0957 rgb(46,9,87)
```
#370b69
```
#370b69 rgb(55,11,105)
```
#400d7b
```
#400d7b rgb(64,13,123)
```
#4a0f8d
```
#4a0f8d rgb(74,15,141)
```
#53109e
```
#53109e rgb(83,16,158)
```
#5c12b0
```
#5c12b0 rgb(92,18,176)
```
#6614c2
```
#6614c2 rgb(102,20,194)
```
#6f16d4
```
#6f16d4 rgb(111,22,212)
```
#7818e6
```
#7818e6 rgb(120,24,230)
```

Shade Color Variation

#8228e9
```
#8228e9 rgb(130,40,233)
```
#8d3aeb
```
#8d3aeb rgb(141,58,235)
```
#974cec
```
#974cec rgb(151,76,236)
```
#a15dee
```
#a15dee rgb(161,93,238)
```
#ac6ff0
```
#ac6ff0 rgb(172,111,240)
```
#b681f2
```
#b681f2 rgb(182,129,242)
```
#c093f4
```
#c093f4 rgb(192,147,244)
```
#cba5f6
```
#cba5f6 rgb(203,165,246)
```
#d5b6f8
```
#d5b6f8 rgb(213,182,248)
```
#dfc8f9
```
#dfc8f9 rgb(223,200,249)
```
#eadafb
```
#eadafb rgb(234,218,251)
```
#f4ecfd
```
#f4ecfd rgb(244,236,253)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#b9b6bd
```
#b9b6bd rgb(185,182,189)
```
#b9b1c2
```
#b9b1c2 rgb(185,177,194)
```
#b9acc7
```
#b9acc7 rgb(185,172,199)
```
#b8a6cd
```
#b8a6cd rgb(184,166,205)
```
#b8a1d2
```
#b8a1d2 rgb(184,161,210)
```
#b89cd7
```
#b89cd7 rgb(184,156,215)
```
#b796dd
```
#b796dd rgb(183,150,221)
```
#b791e2
```
#b791e2 rgb(183,145,226)
```
#b78ce7
```
#b78ce7 rgb(183,140,231)
```
#b686ed
```
#b686ed rgb(182,134,237)
```
#b681f2
```
#b681f2 rgb(182,129,242)
```
#b67cf7
```
#b67cf7 rgb(182,124,247)
```
#b576fd
```
#b576fd rgb(181,118,253)
```

Tone Color Variation

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

Dichromacy

#709bff Protanopia 1% of men
#759eea Deuteranopia 1% of men
#a99aa5 Tritanopia 0.001% of the population

Trichromacy

#8991fa Protanomaly 1% of men, 0.01% of women
#8c93ed Deuteranomaly 6% of men, 0.4% of women
#ad91c1 Tritanomaly 0.01% of the population

#b681f2 hex color

#b681f2 Color Information

#b681f2 Color Conversion

Color Schemes with #b681f2

Alternatives to #b681f2

#b681f2 Preview

Shades and Tints of #b681f2

Tones of #b681f2

Color Blindness Simulator