# #b2bcf2 color: Purple Illusion

#b2bcf2 is rgb(178, 188, 242) in RGB and oklch(80.629% 0.07723 276.368) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #b2bcf2 |
| RGB | rgb(178, 188, 242) |
| HSL | hsl(230.62, 71.11%, 82.35%) |
| HSB / HSV | hsv(230.62 26.45% 94.9%) |
| HWB | hwb(230.62 69.8% 5.1%) |
| CMYK | cmyk(26% 22% 0% 5%) |
| Lab | lab(76.88 5.27 -28.2) |
| LCH | lch(76.88 28.69 280.58) |
| OKLab | oklab(80.629% 0.00857 -0.07675) |
| OKLCH | oklch(80.629% 0.07723 276.368) |
| Display P3 | color(display-p3 0.70521 0.736 0.93212) |
| Rec. 2020 | color(rec2020 0.69328 0.7078 0.92073) |
| Adobe RGB | color(a98-rgb 0.70365 0.73157 0.93966) |
| ProPhoto RGB | color(prophoto-rgb 0.70018 0.68646 0.90476) |
| Linear sRGB | color(srgb-linear 0.4452 0.50289 0.88792) |
| XYZ D65 | color(xyz-d65 0.52367 0.51842 0.91255) |
| XYZ D50 | color(xyz-d50 0.51487 0.51339 0.68909) |
| SwiftUI | Color(red: 0.698, green: 0.737, blue: 0.949) |
| UIKit | UIColor(red: 0.698, green: 0.737, blue: 0.949, alpha: 1) |
| Flutter / Compose | Color(0xFFB2BCF2) |
| Android XML | #B2BCF2 |

## Facts

- Closest name: Purple Illusion
- Hue family: Indigo, soft light indigo
- Closest Tailwind class: indigo-300
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 1.85:1
- Contrast with black: 11.37:1

## Tints

#b2bcf2, #b9c3f4, #c1c9f5, #c8d0f7, #d0d7f8, #d8ddf9, #dfe4fb, #e7ebfc, #eff2fd, #f7f8fe

## Shades

#b2bcf2, #9aa3d2, #838bb4, #6d7396, #575d79, #43475e, #2f3243, #1d1f2b, #0c0d14, #010203

## Tones

#b2bcf2, #b3bced, #b5bde8, #b6bde3, #b7bede, #b9bed9, #babed4, #bbbfcf, #bdbfca, #bebfc5

## Harmonies

- Complementary: #b2bcf2, #cec086
- Split: #b2bcf2, #e2b68b, #b3c993
- Analogous: #b2bcf2, #97c5ef, #ccb3e8
- Triadic: #b2bcf2, #edaf9d, #97cfab
- Tetradic: #b2bcf2, #e1add3, #cec086, #97cfab
- Square: #b2bcf2, #ecabb8, #cec086, #84d0c7
- Monochromatic: #b2bcf2, #6a72a4, #8d96ca, #dce4ff, #eef4ff

## Questions about #b2bcf2

### What color is #b2bcf2?

#b2bcf2 is soft light indigo. The closest named color is Purple Illusion. In RGB it is rgb(178, 188, 242), in HSL hsl(230.62, 71.11%, 82.35%) and in OKLCH oklch(80.629% 0.07723 276.368).

### What colors go well with #b2bcf2?

The complementary color of #b2bcf2 is #cec086. For a calmer combination use the analogous colors #97c5ef and #ccb3e8. The triadic partners are #edaf9d and #97cfab.

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

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

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

#b2bcf2 is a cool color. In OKLCH its hue is 276 degrees, its lightness 80.6% and its chroma 0.077.