# #8986bc color: Heliotropic Mauve

#8986bc is rgb(137, 134, 188) in RGB and oklch(64.326% 0.08016 286.455) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/8986bc

## Formats

| Format | Value |
| --- | --- |
| HEX | #8986bc |
| RGB | rgb(137, 134, 188) |
| HSL | hsl(243.33, 28.72%, 63.14%) |
| HSB / HSV | hsv(243.33 28.72% 73.73%) |
| HWB | hwb(243.33 52.55% 26.27%) |
| CMYK | cmyk(27% 29% 0% 26%) |
| Lab | lab(57.76 10.34 -28.06) |
| LCH | lch(57.76 29.9 290.23) |
| OKLab | oklab(64.326% 0.02271 -0.07688) |
| OKLCH | oklch(64.326% 0.08016 286.455) |
| Display P3 | color(display-p3 0.53519 0.52589 0.72164) |
| Rec. 2020 | color(rec2020 0.49741 0.48148 0.68742) |
| Adobe RGB | color(a98-rgb 0.5293 0.52102 0.72433) |
| ProPhoto RGB | color(prophoto-rgb 0.49478 0.45985 0.65546) |
| Linear sRGB | color(srgb-linear 0.25016 0.2384 0.50289) |
| XYZ D65 | color(xyz-d65 0.27917 0.25999 0.51126) |
| XYZ D50 | color(xyz-d50 0.27286 0.25705 0.38574) |
| SwiftUI | Color(red: 0.537, green: 0.525, blue: 0.737) |
| UIKit | UIColor(red: 0.537, green: 0.525, blue: 0.737, alpha: 1) |
| Flutter / Compose | Color(0xFF8986BC) |
| Android XML | #8986BC |

## Facts

- Closest name: Heliotropic Mauve
- Hue family: Violet, soft violet
- Closest Tailwind class: slate-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.39:1
- Contrast with black: 6.2:1

## Tints

#8986bc, #9492c3, #9f9dca, #aba9d1, #b6b5d7, #c2c1de, #cecde5, #dadaeb, #e6e6f2, #f3f2f9

## Shades

#8986bc, #7674a3, #64628b, #535173, #42405d, #313047, #222132, #14131f, #07060d, #010102

## Tones

#8986bc, #8987b7, #8a88b3, #8a88ae, #8a89aa, #8b8aa5, #8b8ba0, #8c8b9c, #8c8c97, #8c8c92

## Harmonies

- Complementary: #8986bc, #939155
- Split: #8986bc, #a98754, #779968
- Analogous: #8986bc, #6d8fbe, #a17eae
- Triadic: #8986bc, #b67e63, #5a9d82
- Tetradic: #8986bc, #b17997, #939155, #5a9d82
- Square: #8986bc, #b9797c, #939155, #4a9c9d
- Monochromatic: #8986bc, #464172, #666396, #aeabe3, #d4d1ff

## Questions about #8986bc

### What color is #8986bc?

#8986bc is soft violet. The closest named color is Heliotropic Mauve. In RGB it is rgb(137, 134, 188), in HSL hsl(243.33, 28.72%, 63.14%) and in OKLCH oklch(64.326% 0.08016 286.455).

### What colors go well with #8986bc?

The complementary color of #8986bc is #939155. For a calmer combination use the analogous colors #6d8fbe and #a17eae. The triadic partners are #b67e63 and #5a9d82.

### Is white or black text more readable on #8986bc?

White text reads better on #8986bc: white gives a contrast ratio of 3.39:1 and black gives 6.2:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #8986bc a warm or cool color?

#8986bc is a cool color. In OKLCH its hue is 286 degrees, its lightness 64.3% and its chroma 0.08.