#bb5df2 hex color

In a RGB color space, hex #bb5df2 is composed of 73.3% red, 36.5% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 22.7% cyan, 61.6% magenta, 0% yellow and 5.1% black. It has a hue angle of 277.9 degrees, a saturation of 85.1% and a lightness of 65.7%. #bb5df2 color hex could be obtained by blending #ffbaff with #7700e5. Closest websafe color is: #cc66ff.

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

● #bb5df2 color description : Soft violet.

The hexadecimal color #bb5df2 has RGB values of R:187, G:93, B:242 and CMYK values of C:0.23, M:0.62, Y:0, K:0.05. Its decimal value is 12279282.

Hex triplet	bb5df2	`#bb5df2`
RGB Decimal	187, 93, 242	`rgb(187,93,242)`
RGB Percent	73.3, 36.5, 94.9	`rgb(73.3%,36.5%,94.9%)`
CMYK	23, 62, 0, 5
HSL	277.9°, 85.1, 65.7	`hsl(277.9,85.1%,65.7%)`
HSV (or HSB)	277.9°, 61.6, 94.9
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	56.885, 61.88, -59.68
XYZ	40.433, 24.805, 86.658
xyY	0.266, 0.163, 24.805
CIE-LCH	56.885, 85.97, 316.037
CIE-LUV	56.885, 31.545, -100.841
Hunter-Lab	49.805, 57.751, -68.297
Binary	10111011, 01011101, 11110010

#bb5df2
```
#bb5df2 rgb(187,93,242)
```
#94f25d
```
#94f25d rgb(148,242,93)
```

Complementary Color

#715df2
```
#715df2 rgb(113,93,242)
```
#bb5df2
```
#bb5df2 rgb(187,93,242)
```
#f25ddf
```
#f25ddf rgb(242,93,223)
```

Analogous Color

#5df271
```
#5df271 rgb(93,242,113)
```
#bb5df2
```
#bb5df2 rgb(187,93,242)
```
#dff25d
```
#dff25d rgb(223,242,93)
```

Split Complementary Color

#5df2bb
```
#5df2bb rgb(93,242,187)
```
#bb5df2
```
#bb5df2 rgb(187,93,242)
```
#f2bb5d
```
#f2bb5d rgb(242,187,93)
```

Triadic Color

#5d94f2
```
#5d94f2 rgb(93,148,242)
```
#bb5df2
```
#bb5df2 rgb(187,93,242)
```
#f2bb5d
```
#f2bb5d rgb(242,187,93)
```
#94f25d
```
#94f25d rgb(148,242,93)
```

Tetradic Color

#9d16ec
```
#9d16ec rgb(157,22,236)
```
#a72eee
```
#a72eee rgb(167,46,238)
```
#b145f0
```
#b145f0 rgb(177,69,240)
```
#bb5df2
```
#bb5df2 rgb(187,93,242)
```
#c575f4
```
#c575f4 rgb(197,117,244)
```
#cf8cf6
```
#cf8cf6 rgb(207,140,246)
```
#d9a4f8
```
#d9a4f8 rgb(217,164,248)
```

Monochromatic Color

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

#965df2
```
#965df2 rgb(150,93,242)
```
#a25df2
```
#a25df2 rgb(162,93,242)
```
#af5df2
```
#af5df2 rgb(175,93,242)
```
#bb5df2
```
#bb5df2 rgb(187,93,242)
```
#c75df2
```
#c75df2 rgb(199,93,242)
```
#d45df2
```
#d45df2 rgb(212,93,242)
```
#e05df2
```
#e05df2 rgb(224,93,242)
```

Similar Colors

Text with hexadecimal color #bb5df2

This text has a font color of #bb5df2.

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

#bb5df2 background color

This paragraph has a background color of #bb5df2.

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

#bb5df2 border color

This element has a border color of #bb5df2.

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

CSS codes

.text {color:#bb5df2;}

.background {background-color:#bb5df2;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#0d0214
```
#0d0214 rgb(13,2,20)
```
#190326
```
#190326 rgb(25,3,38)
```
#250438
```
#250438 rgb(37,4,56)
```
#31064a
```
#31064a rgb(49,6,74)
```
#3d075c
```
#3d075c rgb(61,7,92)
```
#49096e
```
#49096e rgb(73,9,110)
```
#550a81
```
#550a81 rgb(85,10,129)
```
#610c93
```
#610c93 rgb(97,12,147)
```
#6d0da5
```
#6d0da5 rgb(109,13,165)
```
#790fb7
```
#790fb7 rgb(121,15,183)
```
#8510c9
```
#8510c9 rgb(133,16,201)
```
#9112db
```
#9112db rgb(145,18,219)
```

Shade Color Variation

#9d14ec
```
#9d14ec rgb(157,20,236)
```
#a427ee
```
#a427ee rgb(164,39,238)
```
#ac39ef
```
#ac39ef rgb(172,57,239)
```
#b34bf1
```
#b34bf1 rgb(179,75,241)
```
#bb5df2
```
#bb5df2 rgb(187,93,242)
```
#c36ff3
```
#c36ff3 rgb(195,111,243)
```
#ca81f5
```
#ca81f5 rgb(202,129,245)
```
#d293f6
```
#d293f6 rgb(210,147,246)
```
#d9a6f8
```
#d9a6f8 rgb(217,166,248)
```
#e1b8f9
```
#e1b8f9 rgb(225,184,249)
```
#e9cafb
```
#e9cafb rgb(233,202,251)
```
#f0dcfc
```
#f0dcfc rgb(240,220,252)
```
#f8eefe
```
#f8eefe rgb(248,238,254)
```

Tint Color Variation

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

#a8a7a8
```
#a8a7a8 rgb(168,167,168)
```
#a9a0af
```
#a9a0af rgb(169,160,175)
```
#ab9ab5
```
#ab9ab5 rgb(171,154,181)
```
#ad93bc
```
#ad93bc rgb(173,147,188)
```
#af8cc3
```
#af8cc3 rgb(175,140,195)
```
#b085ca
```
#b085ca rgb(176,133,202)
```
#b27fd0
```
#b27fd0 rgb(178,127,208)
```
#b478d7
```
#b478d7 rgb(180,120,215)
```
#b671de
```
#b671de rgb(182,113,222)
```
#b76ae5
```
#b76ae5 rgb(183,106,229)
```
#b964eb
```
#b964eb rgb(185,100,235)
```
#bb5df2
```
#bb5df2 rgb(187,93,242)
```
#bd56f9
```
#bd56f9 rgb(189,86,249)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#94819f Atypical Achromatopsia 0.001% of the population

Dichromacy

#458aff Protanopia 1% of men
#4b8fe4 Deuteranopia 1% of men
#ab848d Tritanopia 0.001% of the population

Trichromacy

#707afa Protanomaly 1% of men, 0.01% of women
#747de9 Deuteranomaly 6% of men, 0.4% of women
#b076b2 Tritanomaly 0.01% of the population

#bb5df2 hex color

#bb5df2 Color Information

#bb5df2 Color Conversion

Color Schemes with #bb5df2

Alternatives to #bb5df2

#bb5df2 Preview

Shades and Tints of #bb5df2

Tones of #bb5df2

Color Blindness Simulator