#bb54fd hex color

In a RGB color space, hex #bb54fd is composed of 73.3% red, 32.9% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 26.1% cyan, 66.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 276.6 degrees, a saturation of 97.7% and a lightness of 66.1%. #bb54fd color hex could be obtained by blending #ffa8ff with #7700fb. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 73
- G 33
- B 99
RGB color chart
- C 26
- M 67
- Y 0
- K 1
CMYK color chart

● #bb54fd color description : Soft violet.

The hexadecimal color #bb54fd has RGB values of R:187, G:84, B:253 and CMYK values of C:0.26, M:0.67, Y:0, K:0.01. Its decimal value is 12276989.

Hex triplet	bb54fd	`#bb54fd`
RGB Decimal	187, 84, 253	`rgb(187,84,253)`
RGB Percent	73.3, 32.9, 99.2	`rgb(73.3%,32.9%,99.2%)`
CMYK	26, 67, 0, 1
HSL	276.6°, 97.7, 66.1	`hsl(276.6,97.7%,66.1%)`
HSV (or HSB)	276.6°, 66.8, 99.2
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	56.086, 68.272, -67.075
XYZ	41.391, 23.998, 95.375
xyY	0.257, 0.149, 23.998
CIE-LCH	56.086, 95.709, 315.507
CIE-LUV	56.086, 31.34, -112.41
Hunter-Lab	48.988, 65.089, -81.14
Binary	10111011, 01010100, 11111101

#bb54fd
```
#bb54fd rgb(187,84,253)
```
#96fd54
```
#96fd54 rgb(150,253,84)
```

Complementary Color

#6754fd
```
#6754fd rgb(103,84,253)
```
#bb54fd
```
#bb54fd rgb(187,84,253)
```
#fd54eb
```
#fd54eb rgb(253,84,235)
```

Analogous Color

#54fd67
```
#54fd67 rgb(84,253,103)
```
#bb54fd
```
#bb54fd rgb(187,84,253)
```
#ebfd54
```
#ebfd54 rgb(235,253,84)
```

Split Complementary Color

#54fdbb
```
#54fdbb rgb(84,253,187)
```
#bb54fd
```
#bb54fd rgb(187,84,253)
```
#fdbb54
```
#fdbb54 rgb(253,187,84)
```

Triadic Color

#5496fd
```
#5496fd rgb(84,150,253)
```
#bb54fd
```
#bb54fd rgb(187,84,253)
```
#fdbb54
```
#fdbb54 rgb(253,187,84)
```
#96fd54
```
#96fd54 rgb(150,253,84)
```

Tetradic Color

#9d08fc
```
#9d08fc rgb(157,8,252)
```
#a722fc
```
#a722fc rgb(167,34,252)
```
#b13bfd
```
#b13bfd rgb(177,59,253)
```
#bb54fd
```
#bb54fd rgb(187,84,253)
```
#c56dfd
```
#c56dfd rgb(197,109,253)
```
#cf86fe
```
#cf86fe rgb(207,134,254)
```
#d9a0fe
```
#d9a0fe rgb(217,160,254)
```

Monochromatic Color

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

#9154fd
```
#9154fd rgb(145,84,253)
```
#9f54fd
```
#9f54fd rgb(159,84,253)
```
#ad54fd
```
#ad54fd rgb(173,84,253)
```
#bb54fd
```
#bb54fd rgb(187,84,253)
```
#c954fd
```
#c954fd rgb(201,84,253)
```
#d754fd
```
#d754fd rgb(215,84,253)
```
#e554fd
```
#e554fd rgb(229,84,253)
```

Similar Colors

Text with hexadecimal color #bb54fd

This text has a font color of #bb54fd.

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

#bb54fd background color

This paragraph has a background color of #bb54fd.

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

#bb54fd border color

This element has a border color of #bb54fd.

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

CSS codes

.text {color:#bb54fd;}

.background {background-color:#bb54fd;}

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

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

#020003
```
#020003 rgb(2,0,3)
```
#0e0017
```
#0e0017 rgb(14,0,23)
```
#1a002a
```
#1a002a rgb(26,0,42)
```
#26013e
```
#26013e rgb(38,1,62)
```
#320151
```
#320151 rgb(50,1,81)
```
#3e0164
```
#3e0164 rgb(62,1,100)
```
#4a0178
```
#4a0178 rgb(74,1,120)
```
#55028b
```
#55028b rgb(85,2,139)
```
#61029f
```
#61029f rgb(97,2,159)
```
#6d02b2
```
#6d02b2 rgb(109,2,178)
```
#7902c5
```
#7902c5 rgb(121,2,197)
```
#8503d9
```
#8503d9 rgb(133,3,217)
```
#9103ec
```
#9103ec rgb(145,3,236)
```

Shade Color Variation

#9c06fc
```
#9c06fc rgb(156,6,252)
```
#a41afc
```
#a41afc rgb(164,26,252)
```
#ac2dfd
```
#ac2dfd rgb(172,45,253)
```
#b341fd
```
#b341fd rgb(179,65,253)
```
#bb54fd
```
#bb54fd rgb(187,84,253)
```
#c367fd
```
#c367fd rgb(195,103,253)
```
#ca7bfd
```
#ca7bfd rgb(202,123,253)
```
#d28efe
```
#d28efe rgb(210,142,254)
```
#daa2fe
```
#daa2fe rgb(218,162,254)
```
#e2b5fe
```
#e2b5fe rgb(226,181,254)
```
#e9c8fe
```
#e9c8fe rgb(233,200,254)
```
#f1dcff
```
#f1dcff rgb(241,220,255)
```
#f9efff
```
#f9efff rgb(249,239,255)
```

Tint Color Variation

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

#aaa4ad
```
#aaa4ad rgb(170,164,173)
```
#ab9db4
```
#ab9db4 rgb(171,157,180)
```
#ac97ba
```
#ac97ba rgb(172,151,186)
```
#ae90c1
```
#ae90c1 rgb(174,144,193)
```
#af89c8
```
#af89c8 rgb(175,137,200)
```
#b183ce
```
#b183ce rgb(177,131,206)
```
#b27cd5
```
#b27cd5 rgb(178,124,213)
```
#b475dc
```
#b475dc rgb(180,117,220)
```
#b56fe2
```
#b56fe2 rgb(181,111,226)
```
#b768e9
```
#b768e9 rgb(183,104,233)
```
#b861f0
```
#b861f0 rgb(184,97,240)
```
#ba5bf6
```
#ba5bf6 rgb(186,91,246)
```
#bb54fd
```
#bb54fd rgb(187,84,253)
```

Tone Color Variation

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

Dichromacy

#3c89ff Protanopia 1% of men
#238eec Deuteranopia 1% of men
#a7838c Tritanopia 0.001% of the population

Trichromacy

#6a75fe Protanomaly 1% of men, 0.01% of women
#5a79f2 Deuteranomaly 6% of men, 0.4% of women
#ae71b5 Tritanomaly 0.01% of the population

#bb54fd hex color

#bb54fd Color Information

#bb54fd Color Conversion

Color Schemes with #bb54fd

Alternatives to #bb54fd

#bb54fd Preview

Shades and Tints of #bb54fd

Tones of #bb54fd

Color Blindness Simulator