#bb1af3 hex color

In a RGB color space, hex #bb1af3 is composed of 73.3% red, 10.2% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 23% cyan, 89.3% magenta, 0% yellow and 4.7% black. It has a hue angle of 284.5 degrees, a saturation of 90% and a lightness of 52.7%. #bb1af3 color hex could be obtained by blending #ff34ff with #7700e7. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 73
- G 10
- B 95
RGB color chart
- C 23
- M 89
- Y 0
- K 5
CMYK color chart

● #bb1af3 color description : Vivid violet.

The hexadecimal color #bb1af3 has RGB values of R:187, G:26, B:243 and CMYK values of C:0.23, M:0.89, Y:0, K:0.05. Its decimal value is 12262131.

Hex triplet	bb1af3	`#bb1af3`
RGB Decimal	187, 26, 243	`rgb(187,26,243)`
RGB Percent	73.3, 10.2, 95.3	`rgb(73.3%,10.2%,95.3%)`
CMYK	23, 89, 0, 5
HSL	284.5°, 90, 52.7	`hsl(284.5,90%,52.7%)`
HSV (or HSB)	284.5°, 89.3, 95.3
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	49.223, 84.074, -72.613
XYZ	37.039, 17.776, 86.269
xyY	0.263, 0.126, 17.776
CIE-LCH	49.223, 111.09, 319.184
CIE-LUV	49.223, 41.946, -117.686
Hunter-Lab	42.162, 83.027, -91.803
Binary	10111011, 00011010, 11110011

#bb1af3
```
#bb1af3 rgb(187,26,243)
```
#52f31a
```
#52f31a rgb(82,243,26)
```

Complementary Color

#4e1af3
```
#4e1af3 rgb(78,26,243)
```
#bb1af3
```
#bb1af3 rgb(187,26,243)
```
#f31abf
```
#f31abf rgb(243,26,191)
```

Analogous Color

#1af34f
```
#1af34f rgb(26,243,79)
```
#bb1af3
```
#bb1af3 rgb(187,26,243)
```
#bff31a
```
#bff31a rgb(191,243,26)
```

Split Complementary Color

#1af3bb
```
#1af3bb rgb(26,243,187)
```
#bb1af3
```
#bb1af3 rgb(187,26,243)
```
#f3bb1a
```
#f3bb1a rgb(243,187,26)
```

Triadic Color

#1a52f3
```
#1a52f3 rgb(26,82,243)
```
#bb1af3
```
#bb1af3 rgb(187,26,243)
```
#f3bb1a
```
#f3bb1a rgb(243,187,26)
```
#52f31a
```
#52f31a rgb(82,243,26)
```

Tetradic Color

#8a0ab7
```
#8a0ab7 rgb(138,10,183)
```
#9c0bcf
```
#9c0bcf rgb(156,11,207)
```
#af0ce7
```
#af0ce7 rgb(175,12,231)
```
#bb1af3
```
#bb1af3 rgb(187,26,243)
```
#c232f4
```
#c232f4 rgb(194,50,244)
```
#c94af6
```
#c94af6 rgb(201,74,246)
```
#d163f7
```
#d163f7 rgb(209,99,247)
```

Monochromatic Color

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

#851af3
```
#851af3 rgb(133,26,243)
```
#971af3
```
#971af3 rgb(151,26,243)
```
#a91af3
```
#a91af3 rgb(169,26,243)
```
#bb1af3
```
#bb1af3 rgb(187,26,243)
```
#cd1af3
```
#cd1af3 rgb(205,26,243)
```
#df1af3
```
#df1af3 rgb(223,26,243)
```
#f11af3
```
#f11af3 rgb(241,26,243)
```

Similar Colors

Text with hexadecimal color #bb1af3

This text has a font color of #bb1af3.

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

#bb1af3 background color

This paragraph has a background color of #bb1af3.

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

#bb1af3 border color

This element has a border color of #bb1af3.

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

CSS codes

.text {color:#bb1af3;}

.background {background-color:#bb1af3;}

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

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, #0a010d is the darkest color, while #fdfaff is the lightest one.

#0a010d
```
#0a010d rgb(10,1,13)
```
#180220
```
#180220 rgb(24,2,32)
```
#260333
```
#260333 rgb(38,3,51)
```
#340445
```
#340445 rgb(52,4,69)
```
#420558
```
#420558 rgb(66,5,88)
```
#50066a
```
#50066a rgb(80,6,106)
```
#5f077d
```
#5f077d rgb(95,7,125)
```
#6d0890
```
#6d0890 rgb(109,8,144)
```
#7b09a2
```
#7b09a2 rgb(123,9,162)
```
#8909b5
```
#8909b5 rgb(137,9,181)
```
#970ac8
```
#970ac8 rgb(151,10,200)
```
#a50bda
```
#a50bda rgb(165,11,218)
```
#b30ced
```
#b30ced rgb(179,12,237)
```

Shade Color Variation

#bb1af3
```
#bb1af3 rgb(187,26,243)
```
#c12df4
```
#c12df4 rgb(193,45,244)
```
#c63ff5
```
#c63ff5 rgb(198,63,245)
```
#cc52f6
```
#cc52f6 rgb(204,82,246)
```
#d165f7
```
#d165f7 rgb(209,101,247)
```
#d777f8
```
#d777f8 rgb(215,119,248)
```
#dc8af9
```
#dc8af9 rgb(220,138,249)
```
#e29cfa
```
#e29cfa rgb(226,156,250)
```
#e7affb
```
#e7affb rgb(231,175,251)
```
#edc2fc
```
#edc2fc rgb(237,194,252)
```
#f2d4fd
```
#f2d4fd rgb(242,212,253)
```
#f8e7fe
```
#f8e7fe rgb(248,231,254)
```
#fdfaff
```
#fdfaff rgb(253,250,255)
```

Tint Color Variation

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

#8a808d
```
#8a808d rgb(138,128,141)
```
#8e7796
```
#8e7796 rgb(142,119,150)
```
#936da0
```
#936da0 rgb(147,109,160)
```
#9764a9
```
#9764a9 rgb(151,100,169)
```
#9c5bb2
```
#9c5bb2 rgb(156,91,178)
```
#a052bb
```
#a052bb rgb(160,82,187)
```
#a548c5
```
#a548c5 rgb(165,72,197)
```
#a93fce
```
#a93fce rgb(169,63,206)
```
#ae36d7
```
#ae36d7 rgb(174,54,215)
```
#b22de0
```
#b22de0 rgb(178,45,224)
```
#b723ea
```
#b723ea rgb(183,35,234)
```
#bb1af3
```
#bb1af3 rgb(187,26,243)
```
#bf11fc
```
#bf11fc rgb(191,17,252)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#755480 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0078ea Protanopia 1% of men
#007ed0 Deuteranopia 1% of men
#a76b72 Tritanopia 0.001% of the population

Trichromacy

#4456ed Protanomaly 1% of men, 0.01% of women
#445add Deuteranomaly 6% of men, 0.4% of women
#ae4da1 Tritanomaly 0.01% of the population

#bb1af3 hex color

#bb1af3 Color Information

#bb1af3 Color Conversion

Color Schemes with #bb1af3

Alternatives to #bb1af3

#bb1af3 Preview

Shades and Tints of #bb1af3

Tones of #bb1af3

Color Blindness Simulator