#bb54f9 hex color

In a RGB color space, hex #bb54f9 is composed of 73.3% red, 32.9% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 24.9% cyan, 66.3% magenta, 0% yellow and 2.4% black. It has a hue angle of 277.5 degrees, a saturation of 93.2% and a lightness of 65.3%. #bb54f9 color hex could be obtained by blending #ffa8ff with #7700f3. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 73
- G 33
- B 98
RGB color chart
- C 25
- M 66
- Y 0
- K 2
CMYK color chart

● #bb54f9 color description : Soft violet.

The hexadecimal color #bb54f9 has RGB values of R:187, G:84, B:249 and CMYK values of C:0.25, M:0.66, Y:0, K:0.02. Its decimal value is 12276985.

Hex triplet	bb54f9	`#bb54f9`
RGB Decimal	187, 84, 249	`rgb(187,84,249)`
RGB Percent	73.3, 32.9, 97.6	`rgb(73.3%,32.9%,97.6%)`
CMYK	25, 66, 0, 2
HSL	277.5°, 93.2, 65.3	`hsl(277.5,93.2%,65.3%)`
HSV (or HSB)	277.5°, 66.3, 97.6
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	55.833, 67.43, -65.265
XYZ	40.76, 23.746, 92.054
xyY	0.26, 0.152, 23.746
CIE-LCH	55.833, 93.842, 315.935
CIE-LUV	55.833, 32.212, -109.479
Hunter-Lab	48.73, 64.03, -77.891
Binary	10111011, 01010100, 11111001

#bb54f9
```
#bb54f9 rgb(187,84,249)
```
#92f954
```
#92f954 rgb(146,249,84)
```

Complementary Color

#6954f9
```
#6954f9 rgb(105,84,249)
```
#bb54f9
```
#bb54f9 rgb(187,84,249)
```
#f954e5
```
#f954e5 rgb(249,84,229)
```

Analogous Color

#54f969
```
#54f969 rgb(84,249,105)
```
#bb54f9
```
#bb54f9 rgb(187,84,249)
```
#e5f954
```
#e5f954 rgb(229,249,84)
```

Split Complementary Color

#54f9bb
```
#54f9bb rgb(84,249,187)
```
#bb54f9
```
#bb54f9 rgb(187,84,249)
```
#f9bb54
```
#f9bb54 rgb(249,187,84)
```

Triadic Color

#5492f9
```
#5492f9 rgb(84,146,249)
```
#bb54f9
```
#bb54f9 rgb(187,84,249)
```
#f9bb54
```
#f9bb54 rgb(249,187,84)
```
#92f954
```
#92f954 rgb(146,249,84)
```

Tetradic Color

#9e0af6
```
#9e0af6 rgb(158,10,246)
```
#a723f7
```
#a723f7 rgb(167,35,247)
```
#b13bf8
```
#b13bf8 rgb(177,59,248)
```
#bb54f9
```
#bb54f9 rgb(187,84,249)
```
#c56dfa
```
#c56dfa rgb(197,109,250)
```
#cf85fb
```
#cf85fb rgb(207,133,251)
```
#d89efc
```
#d89efc rgb(216,158,252)
```

Monochromatic Color

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

#9254f9
```
#9254f9 rgb(146,84,249)
```
#a054f9
```
#a054f9 rgb(160,84,249)
```
#ad54f9
```
#ad54f9 rgb(173,84,249)
```
#bb54f9
```
#bb54f9 rgb(187,84,249)
```
#c954f9
```
#c954f9 rgb(201,84,249)
```
#d754f9
```
#d754f9 rgb(215,84,249)
```
#e454f9
```
#e454f9 rgb(228,84,249)
```

Similar Colors

Text with hexadecimal color #bb54f9

This text has a font color of #bb54f9.

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

#bb54f9 background color

This paragraph has a background color of #bb54f9.

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

#bb54f9 border color

This element has a border color of #bb54f9.

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

CSS codes

.text {color:#bb54f9;}

.background {background-color:#bb54f9;}

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

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

#0c0113
```
#0c0113 rgb(12,1,19)
```
#180125
```
#180125 rgb(24,1,37)
```
#240238
```
#240238 rgb(36,2,56)
```
#30034b
```
#30034b rgb(48,3,75)
```
#3c035e
```
#3c035e rgb(60,3,94)
```
#480471
```
#480471 rgb(72,4,113)
```
#540584
```
#540584 rgb(84,5,132)
```
#600597
```
#600597 rgb(96,5,151)
```
#6c06aa
```
#6c06aa rgb(108,6,170)
```
#7907bd
```
#7907bd rgb(121,7,189)
```
#8507d0
```
#8507d0 rgb(133,7,208)
```
#9108e3
```
#9108e3 rgb(145,8,227)
```
#9d09f6
```
#9d09f6 rgb(157,9,246)
```

Shade Color Variation

#a41bf7
```
#a41bf7 rgb(164,27,247)
```
#ac2ef8
```
#ac2ef8 rgb(172,46,248)
```
#b341f8
```
#b341f8 rgb(179,65,248)
```
#bb54f9
```
#bb54f9 rgb(187,84,249)
```
#c367fa
```
#c367fa rgb(195,103,250)
```
#ca7afa
```
#ca7afa rgb(202,122,250)
```
#d28dfb
```
#d28dfb rgb(210,141,251)
```
#d9a0fc
```
#d9a0fc rgb(217,160,252)
```
#e1b3fc
```
#e1b3fc rgb(225,179,252)
```
#e8c6fd
```
#e8c6fd rgb(232,198,253)
```
#f0d9fe
```
#f0d9fe rgb(240,217,254)
```
#f7ecfe
```
#f7ecfe rgb(247,236,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#a7a6a7
```
#a7a6a7 rgb(167,166,167)
```
#a89fae
```
#a89fae rgb(168,159,174)
```
#aa98b5
```
#aa98b5 rgb(170,152,181)
```
#ac91bc
```
#ac91bc rgb(172,145,188)
```
#ad8ac3
```
#ad8ac3 rgb(173,138,195)
```
#af84c9
```
#af84c9 rgb(175,132,201)
```
#b17dd0
```
#b17dd0 rgb(177,125,208)
```
#b376d7
```
#b376d7 rgb(179,118,215)
```
#b46fde
```
#b46fde rgb(180,111,222)
```
#b668e5
```
#b668e5 rgb(182,104,229)
```
#b862eb
```
#b862eb rgb(184,98,235)
```
#b95bf2
```
#b95bf2 rgb(185,91,242)
```
#bb54f9
```
#bb54f9 rgb(187,84,249)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#917c9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a88ff Protanopia 1% of men
#308de9 Deuteranopia 1% of men
#a8818a Tritanopia 0.001% of the population

Trichromacy

#6975fc Protanomaly 1% of men, 0.01% of women
#6278ee Deuteranomaly 6% of men, 0.4% of women
#af71b2 Tritanomaly 0.01% of the population

#bb54f9 hex color

#bb54f9 Color Information

#bb54f9 Color Conversion

Color Schemes with #bb54f9

Alternatives to #bb54f9

#bb54f9 Preview

Shades and Tints of #bb54f9

Tones of #bb54f9

Color Blindness Simulator