# #bbb4f5 color: Purple Illusion

#bbb4f5 is rgb(187, 180, 245) in RGB and oklch(79.87% 0.09144 289.084) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/bbb4f5

## Formats

| Format | Value |
| --- | --- |
| HEX | #bbb4f5 |
| RGB | rgb(187, 180, 245) |
| HSL | hsl(246.46, 76.47%, 83.33%) |
| HSB / HSV | hsv(246.46 26.53% 96.08%) |
| HWB | hwb(246.46 70.59% 3.92%) |
| CMYK | cmyk(24% 27% 0% 4%) |
| Lab | lab(75.64 12.77 -31.62) |
| LCH | lch(75.64 34.1 291.99) |
| OKLab | oklab(79.87% 0.0299 -0.08641) |
| OKLCH | oklch(79.87% 0.09144 289.084) |
| Display P3 | color(display-p3 0.72856 0.70682 0.94192) |
| Rec. 2020 | color(rec2020 0.7066 0.67913 0.93113) |
| Adobe RGB | color(a98-rgb 0.71988 0.70001 0.95047) |
| ProPhoto RGB | color(prophoto-rgb 0.71162 0.65993 0.91507) |
| Linear sRGB | color(srgb-linear 0.49693 0.45641 0.9131) |
| XYZ D65 | color(xyz-d65 0.53293 0.498 0.93194) |
| XYZ D50 | color(xyz-d50 0.52313 0.49311 0.70327) |
| SwiftUI | Color(red: 0.733, green: 0.706, blue: 0.961) |
| UIKit | UIColor(red: 0.733, green: 0.706, blue: 0.961, alpha: 1) |
| Flutter / Compose | Color(0xFFBBB4F5) |
| Android XML | #BBB4F5 |

## Facts

- Closest name: Purple Illusion
- Hue family: Violet, bright light violet
- Closest Tailwind class: violet-300
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 1.92:1
- Contrast with black: 10.96:1

## Tints

#bbb4f5, #c1bcf6, #c8c3f8, #cfcbf9, #d5d2fa, #dcd9fb, #e3e1fc, #eae8fd, #f1f0fe, #f8f7fe

## Shades

#bbb4f5, #a29cd5, #8a85b6, #736e98, #5c587b, #46445f, #323044, #1f1d2b, #0d0c15, #020203

## Tones

#bbb4f5, #bbb5f0, #bbb6ea, #bbb7e5, #bcb8df, #bcb9da, #bcbad4, #bcbbce, #bcbcc9, #bdbcc3

## Harmonies

- Complementary: #bbb4f5, #c1c37c
- Split: #bbb4f5, #ddb778, #9fcc93
- Analogous: #bbb4f5, #9abff8, #d7abe3
- Triadic: #bbb4f5, #eeac89, #7fd1b3
- Tetradic: #bbb4f5, #eba5c7, #c1c37c, #7fd1b3
- Square: #bbb4f5, #f3a6a6, #c1c37c, #6fcfd4
- Monochromatic: #bbb4f5, #736ba6, #968fcd, #e2deff, #f4f2ff

## Questions about #bbb4f5

### What color is #bbb4f5?

#bbb4f5 is bright light violet. The closest named color is Purple Illusion. In RGB it is rgb(187, 180, 245), in HSL hsl(246.46, 76.47%, 83.33%) and in OKLCH oklch(79.87% 0.09144 289.084).

### What colors go well with #bbb4f5?

The complementary color of #bbb4f5 is #c1c37c. For a calmer combination use the analogous colors #9abff8 and #d7abe3. The triadic partners are #eeac89 and #7fd1b3.

### Is white or black text more readable on #bbb4f5?

Black text reads better on #bbb4f5: white gives a contrast ratio of 1.92:1 and black gives 10.96:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #bbb4f5 a warm or cool color?

#bbb4f5 is a cool color. In OKLCH its hue is 289 degrees, its lightness 79.9% and its chroma 0.091.