colorhexa.com

#bb81f1 hex color

In a RGB color space, hex #bb81f1 is composed of 73.3% red, 50.6% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 22.4% cyan, 46.5% magenta, 0% yellow and 5.5% black. It has a hue angle of 271.1 degrees, a saturation of 80% and a lightness of 72.5%. #bb81f1 color hex could be obtained by blending #ffffff with #7703e3. Closest websafe color is: #cc99ff.

- R 73
- G 51
- B 95
RGB color chart
- C 22
- M 46
- Y 0
- K 5
CMYK color chart

● #bb81f1 color description : Soft violet.

The hexadecimal color #bb81f1 has RGB values of R:187, G:129, B:241 and CMYK values of C:0.22, M:0.46, Y:0, K:0.05. Its decimal value is 12288497.

Hex triplet	bb81f1	`#bb81f1`
RGB Decimal	187, 129, 241	`rgb(187,129,241)`
RGB Percent	73.3, 50.6, 94.5	`rgb(73.3%,50.6%,94.5%)`
CMYK	22, 46, 0, 5
HSL	271.1°, 80, 72.5	`hsl(271.1,80%,72.5%)`
HSV (or HSB)	271.1°, 46.5, 94.5
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	63.849, 43.25, -48.045
XYZ	44.219, 32.617, 87.18
xyY	0.27, 0.199, 32.617
CIE-LCH	63.849, 64.644, 311.994
CIE-LUV	63.849, 20.452, -82.253
Hunter-Lab	57.111, 38.26, -50.529
Binary	10111011, 10000001, 11110001

#bb81f1
```
#bb81f1 rgb(187,129,241)
```
#b7f181
```
#b7f181 rgb(183,241,129)
```

Complementary Color

#8381f1
```
#8381f1 rgb(131,129,241)
```
#bb81f1
```
#bb81f1 rgb(187,129,241)
```
#f181ef
```
#f181ef rgb(241,129,239)
```

Analogous Color

#81f183
```
#81f183 rgb(129,241,131)
```
#bb81f1
```
#bb81f1 rgb(187,129,241)
```
#eff181
```
#eff181 rgb(239,241,129)
```

Split Complementary Color

#81f1bb
```
#81f1bb rgb(129,241,187)
```
#bb81f1
```
#bb81f1 rgb(187,129,241)
```
#f1bb81
```
#f1bb81 rgb(241,187,129)
```

Triadic Color

#81b7f1
```
#81b7f1 rgb(129,183,241)
```
#bb81f1
```
#bb81f1 rgb(187,129,241)
```
#f1bb81
```
#f1bb81 rgb(241,187,129)
```
#b7f181
```
#b7f181 rgb(183,241,129)
```

Tetradic Color

#963ce9
```
#963ce9 rgb(150,60,233)
```
#a253ec
```
#a253ec rgb(162,83,236)
```
#af6aee
```
#af6aee rgb(175,106,238)
```
#bb81f1
```
#bb81f1 rgb(187,129,241)
```
#c798f4
```
#c798f4 rgb(199,152,244)
```
#d4aff6
```
#d4aff6 rgb(212,175,246)
```
#e0c6f9
```
#e0c6f9 rgb(224,198,249)
```

Monochromatic Color

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

#9f81f1
```
#9f81f1 rgb(159,129,241)
```
#a881f1
```
#a881f1 rgb(168,129,241)
```
#b281f1
```
#b281f1 rgb(178,129,241)
```
#bb81f1
```
#bb81f1 rgb(187,129,241)
```
#c481f1
```
#c481f1 rgb(196,129,241)
```
#ce81f1
```
#ce81f1 rgb(206,129,241)
```
#d781f1
```
#d781f1 rgb(215,129,241)
```

Similar Colors

Text with hexadecimal color #bb81f1

This text has a font color of #bb81f1.

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

#bb81f1 background color

This paragraph has a background color of #bb81f1.

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

#bb81f1 border color

This element has a border color of #bb81f1.

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

CSS codes

.text {color:#bb81f1;}

.background {background-color:#bb81f1;}

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

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

#09020f
```
#09020f rgb(9,2,15)
```
#130421
```
#130421 rgb(19,4,33)
```
#1d0633
```
#1d0633 rgb(29,6,51)
```
#270844
```
#270844 rgb(39,8,68)
```
#310a56
```
#310a56 rgb(49,10,86)
```
#3b0c68
```
#3b0c68 rgb(59,12,104)
```
#450d79
```
#450d79 rgb(69,13,121)
```
#4f0f8b
```
#4f0f8b rgb(79,15,139)
```
#59119c
```
#59119c rgb(89,17,156)
```
#6313ae
```
#6313ae rgb(99,19,174)
```
#6e15c0
```
#6e15c0 rgb(110,21,192)
```
#7817d1
```
#7817d1 rgb(120,23,209)
```
#8219e3
```
#8219e3 rgb(130,25,227)
```

Shade Color Variation

#8b29e7
```
#8b29e7 rgb(139,41,231)
```
#953ae9
```
#953ae9 rgb(149,58,233)
```
#9e4ceb
```
#9e4ceb rgb(158,76,235)
```
#a85eed
```
#a85eed rgb(168,94,237)
```
#b16fef
```
#b16fef rgb(177,111,239)
```
#bb81f1
```
#bb81f1 rgb(187,129,241)
```
#c593f3
```
#c593f3 rgb(197,147,243)
```
#cea4f5
```
#cea4f5 rgb(206,164,245)
```
#d8b6f7
```
#d8b6f7 rgb(216,182,247)
```
#e1c8f9
```
#e1c8f9 rgb(225,200,249)
```
#ebd9fb
```
#ebd9fb rgb(235,217,251)
```
#f4ebfd
```
#f4ebfd rgb(244,235,253)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#b9b7bb
```
#b9b7bb rgb(185,183,187)
```
#b9b1c1
```
#b9b1c1 rgb(185,177,193)
```
#b9acc6
```
#b9acc6 rgb(185,172,198)
```
#baa7cb
```
#baa7cb rgb(186,167,203)
```
#baa1d1
```
#baa1d1 rgb(186,161,209)
```
#ba9cd6
```
#ba9cd6 rgb(186,156,214)
```
#ba97db
```
#ba97db rgb(186,151,219)
```
#ba91e1
```
#ba91e1 rgb(186,145,225)
```
#bb8ce6
```
#bb8ce6 rgb(187,140,230)
```
#bb86ec
```
#bb86ec rgb(187,134,236)
```
#bb81f1
```
#bb81f1 rgb(187,129,241)
```
#bb7cf6
```
#bb7cf6 rgb(187,124,246)
```
#bb76fc
```
#bb76fc rgb(187,118,252)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#a599af Atypical Achromatopsia 0.001% of the population

Dichromacy

#739cff Protanopia 1% of men
#799fe9 Deuteranopia 1% of men
#ae9aa5 Tritanopia 0.001% of the population

Trichromacy

#8d92f9 Protanomaly 1% of men, 0.01% of women
#9194ec Deuteranomaly 6% of men, 0.4% of women
#b391c0 Tritanomaly 0.01% of the population