# #bca5f3 color: Bright light violet

#bca5f3 is rgb(188, 165, 243) in RGB and oklch(77.041% 0.11183 297.258) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #bca5f3 |
| RGB | rgb(188, 165, 243) |
| HSL | hsl(257.69, 76.47%, 80%) |
| HSB / HSV | hsv(257.69 32.1% 95.29%) |
| HWB | hwb(257.69 64.71% 4.71%) |
| CMYK | cmyk(23% 32% 0% 5%) |
| Lab | lab(71.96 20.53 -36.19) |
| LCH | lch(71.96 41.61 299.57) |
| OKLab | oklab(77.041% 0.05122 -0.09941) |
| OKLCH | oklch(77.041% 0.11183 297.258) |
| Display P3 | color(display-p3 0.7223 0.65032 0.93184) |
| Rec. 2020 | color(rec2020 0.68948 0.62107 0.91925) |
| Adobe RGB | color(a98-rgb 0.70723 0.64117 0.94102) |
| ProPhoto RGB | color(prophoto-rgb 0.69269 0.60387 0.90072) |
| Linear sRGB | color(srgb-linear 0.50289 0.37626 0.89627) |
| XYZ D65 | color(xyz-d65 0.50369 0.44073 0.9065) |
| XYZ D50 | color(xyz-d50 0.49245 0.43596 0.68356) |
| SwiftUI | Color(red: 0.737, green: 0.647, blue: 0.953) |
| UIKit | UIColor(red: 0.737, green: 0.647, blue: 0.953, alpha: 1) |
| Flutter / Compose | Color(0xFFBCA5F3) |
| Android XML | #BCA5F3 |

## Facts

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

## Tints

#bca5f3, #c2aef5, #c9b7f6, #cfc0f8, #d6c9f9, #ddd2fa, #e3dbfc, #eae4fd, #f1edfd, #f8f6fe

## Shades

#bca5f3, #a38fd3, #8b79b4, #736597, #5d517a, #473d5e, #322b44, #1f1a2b, #0d0a14, #020103

## Tones

#bca5f3, #bba7ed, #baa9e7, #b9aae1, #b9acdb, #b8add4, #b7afce, #b6b0c8, #b6b2c1, #b5b3bb

## Harmonies

- Complementary: #bca5f3, #afbe68
- Split: #bca5f3, #d3b05b, #82c88b
- Analogous: #bca5f3, #95b2fc, #db9bd9
- Triadic: #bca5f3, #eaa26b, #57ccb3
- Tetradic: #bca5f3, #ee96b5, #afbe68, #57ccb3
- Square: #bca5f3, #f3988d, #afbe68, #49c8d9
- Monochromatic: #bca5f3, #735ca4, #9780cb, #e1d0ff, #f8f0ff

## Questions about #bca5f3

### What color is #bca5f3?

#bca5f3 is bright light violet. The closest named color is Bright light violet. In RGB it is rgb(188, 165, 243), in HSL hsl(257.69, 76.47%, 80%) and in OKLCH oklch(77.041% 0.11183 297.258).

### What colors go well with #bca5f3?

The complementary color of #bca5f3 is #afbe68. For a calmer combination use the analogous colors #95b2fc and #db9bd9. The triadic partners are #eaa26b and #57ccb3.

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

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

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

#bca5f3 is a cool color. In OKLCH its hue is 297 degrees, its lightness 77% and its chroma 0.112.