#bb53f8 hex color

In a RGB color space, hex #bb53f8 is composed of 73.3% red, 32.5% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 24.6% cyan, 66.5% magenta, 0% yellow and 2.7% black. It has a hue angle of 277.8 degrees, a saturation of 92.2% and a lightness of 64.9%. #bb53f8 color hex could be obtained by blending #ffa6ff with #7700f1. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 73
- G 33
- B 97
RGB color chart
- C 25
- M 67
- Y 0
- K 3
CMYK color chart

● #bb53f8 color description : Soft violet.

The hexadecimal color #bb53f8 has RGB values of R:187, G:83, B:248 and CMYK values of C:0.25, M:0.67, Y:0, K:0.03. Its decimal value is 12276728.

Hex triplet	bb53f8	`#bb53f8`
RGB Decimal	187, 83, 248	`rgb(187,83,248)`
RGB Percent	73.3, 32.5, 97.3	`rgb(73.3%,32.5%,97.3%)`
CMYK	25, 67, 0, 3
HSL	277.8°, 92.2, 64.9	`hsl(277.8,92.2%,64.9%)`
HSV (or HSB)	277.8°, 66.5, 97.3
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	55.614, 67.655, -65.061
XYZ	40.528, 23.53, 91.209
xyY	0.261, 0.152, 23.53
CIE-LCH	55.614, 93.862, 316.119
CIE-LUV	55.614, 32.656, -109.091
Hunter-Lab	48.507, 64.248, -77.528
Binary	10111011, 01010011, 11111000

#bb53f8
```
#bb53f8 rgb(187,83,248)
```
#90f853
```
#90f853 rgb(144,248,83)
```

Complementary Color

#6953f8
```
#6953f8 rgb(105,83,248)
```
#bb53f8
```
#bb53f8 rgb(187,83,248)
```
#f853e3
```
#f853e3 rgb(248,83,227)
```

Analogous Color

#53f869
```
#53f869 rgb(83,248,105)
```
#bb53f8
```
#bb53f8 rgb(187,83,248)
```
#e3f853
```
#e3f853 rgb(227,248,83)
```

Split Complementary Color

#53f8bb
```
#53f8bb rgb(83,248,187)
```
#bb53f8
```
#bb53f8 rgb(187,83,248)
```
#f8bb53
```
#f8bb53 rgb(248,187,83)
```

Triadic Color

#5390f8
```
#5390f8 rgb(83,144,248)
```
#bb53f8
```
#bb53f8 rgb(187,83,248)
```
#f8bb53
```
#f8bb53 rgb(248,187,83)
```
#90f853
```
#90f853 rgb(144,248,83)
```

Tetradic Color

#9e0af5
```
#9e0af5 rgb(158,10,245)
```
#a822f6
```
#a822f6 rgb(168,34,246)
```
#b13af7
```
#b13af7 rgb(177,58,247)
```
#bb53f8
```
#bb53f8 rgb(187,83,248)
```
#c56cf9
```
#c56cf9 rgb(197,108,249)
```
#ce84fa
```
#ce84fa rgb(206,132,250)
```
#d89dfb
```
#d89dfb rgb(216,157,251)
```

Monochromatic Color

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

#9253f8
```
#9253f8 rgb(146,83,248)
```
#a053f8
```
#a053f8 rgb(160,83,248)
```
#ad53f8
```
#ad53f8 rgb(173,83,248)
```
#bb53f8
```
#bb53f8 rgb(187,83,248)
```
#c953f8
```
#c953f8 rgb(201,83,248)
```
#d753f8
```
#d753f8 rgb(215,83,248)
```
#e453f8
```
#e453f8 rgb(228,83,248)
```

Similar Colors

Text with hexadecimal color #bb53f8

This text has a font color of #bb53f8.

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

#bb53f8 background color

This paragraph has a background color of #bb53f8.

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

#bb53f8 border color

This element has a border color of #bb53f8.

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

CSS codes

.text {color:#bb53f8;}

.background {background-color:#bb53f8;}

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

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

#0b0110
```
#0b0110 rgb(11,1,16)
```
#170123
```
#170123 rgb(23,1,35)
```
#230236
```
#230236 rgb(35,2,54)
```
#2f0349
```
#2f0349 rgb(47,3,73)
```
#3b045c
```
#3b045c rgb(59,4,92)
```
#47056f
```
#47056f rgb(71,5,111)
```
#540582
```
#540582 rgb(84,5,130)
```
#600694
```
#600694 rgb(96,6,148)
```
#6c07a7
```
#6c07a7 rgb(108,7,167)
```
#7808ba
```
#7808ba rgb(120,8,186)
```
#8408cd
```
#8408cd rgb(132,8,205)
```
#9009e0
```
#9009e0 rgb(144,9,224)
```
#9d0af3
```
#9d0af3 rgb(157,10,243)
```

Shade Color Variation

#a51af6
```
#a51af6 rgb(165,26,246)
```
#ac2df6
```
#ac2df6 rgb(172,45,246)
```
#b440f7
```
#b440f7 rgb(180,64,247)
```
#bb53f8
```
#bb53f8 rgb(187,83,248)
```
#c266f9
```
#c266f9 rgb(194,102,249)
```
#ca79fa
```
#ca79fa rgb(202,121,250)
```
#d18cfa
```
#d18cfa rgb(209,140,250)
```
#d99efb
```
#d99efb rgb(217,158,251)
```
#e0b1fc
```
#e0b1fc rgb(224,177,252)
```
#e8c4fd
```
#e8c4fd rgb(232,196,253)
```
#efd7fd
```
#efd7fd rgb(239,215,253)
```
#f7eafe
```
#f7eafe rgb(247,234,254)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#a79fac
```
#a79fac rgb(167,159,172)
```
#a998b3
```
#a998b3 rgb(169,152,179)
```
#ab91ba
```
#ab91ba rgb(171,145,186)
```
#ad8ac1
```
#ad8ac1 rgb(173,138,193)
```
#ae83c8
```
#ae83c8 rgb(174,131,200)
```
#b07ccf
```
#b07ccf rgb(176,124,207)
```
#b275d6
```
#b275d6 rgb(178,117,214)
```
#b46fdc
```
#b46fdc rgb(180,111,220)
```
#b668e3
```
#b668e3 rgb(182,104,227)
```
#b761ea
```
#b761ea rgb(183,97,234)
```
#b95af1
```
#b95af1 rgb(185,90,241)
```
#bb53f8
```
#bb53f8 rgb(187,83,248)
```
#bd4cff
```
#bd4cff rgb(189,76,255)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#907b9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#3787ff Protanopia 1% of men
#308de8 Deuteranopia 1% of men
#a8818a Tritanopia 0.001% of the population

Trichromacy

#6774fc Protanomaly 1% of men, 0.01% of women
#6278ed Deuteranomaly 6% of men, 0.4% of women
#af70b2 Tritanomaly 0.01% of the population

#bb53f8 hex color

#bb53f8 Color Information

#bb53f8 Color Conversion

Color Schemes with #bb53f8

Alternatives to #bb53f8

#bb53f8 Preview

Shades and Tints of #bb53f8

Tones of #bb53f8

Color Blindness Simulator