# #976aa3 color: Allium

#976aa3 is rgb(151, 106, 163) in RGB and oklch(59.147% 0.09878 319.034) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/976aa3

## Formats

| Format | Value |
| --- | --- |
| HEX | #976aa3 |
| RGB | rgb(151, 106, 163) |
| HSL | hsl(287.37, 23.65%, 52.75%) |
| HSB / HSV | hsv(287.37 34.97% 63.92%) |
| HWB | hwb(287.37 41.57% 36.08%) |
| CMYK | cmyk(7% 35% 0% 36%) |
| Lab | lab(51.2 26.12 -23.62) |
| LCH | lch(51.2 35.22 317.88) |
| OKLab | oklab(59.147% 0.07459 -0.06476) |
| OKLCH | oklch(59.147% 0.09878 319.034) |
| Display P3 | color(display-p3 0.56583 0.42307 0.62556) |
| Rec. 2020 | color(rec2020 0.49767 0.38 0.58237) |
| Adobe RGB | color(a98-rgb 0.54422 0.41446 0.62612) |
| ProPhoto RGB | color(prophoto-rgb 0.47602 0.36954 0.54842) |
| Linear sRGB | color(srgb-linear 0.30947 0.14413 0.36625) |
| XYZ D65 | color(xyz-d65 0.24526 0.19532 0.3713) |
| XYZ D50 | color(xyz-d50 0.24286 0.19438 0.27984) |
| SwiftUI | Color(red: 0.592, green: 0.416, blue: 0.639) |
| UIKit | UIColor(red: 0.592, green: 0.416, blue: 0.639, alpha: 1) |
| Flutter / Compose | Color(0xFF976AA3) |
| Android XML | #976AA3 |

## Facts

- Closest name: Allium
- Hue family: Magenta, muted magenta
- Closest Tailwind class: mauve-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 4.28:1
- Contrast with black: 4.91:1

## Tints

#976aa3, #a178ac, #ac87b5, #b695bf, #c0a4c8, #cbb3d1, #d5c2da, #dfd1e3, #eae0ed, #f4eff6

## Shades

#976aa3, #835b8d, #6f4d78, #5c3f63, #49314f, #37243c, #26182a, #170d19, #08040a, #010001

## Tones

#976aa3, #956c9f, #926e9c, #907198, #8d7394, #8b7591, #88778d, #867889, #837a85, #807c81

## Harmonies

- Complementary: #976aa3, #5e8c52
- Split: #976aa3, #828236, #339074
- Analogous: #976aa3, #7c73b5, #a96487
- Triadic: #976aa3, #9d7631, #0b8f94
- Tetradic: #976aa3, #b16466, #5e8c52, #0b8f94
- Square: #976aa3, #ad6b46, #5e8c52, #2f88ac
- Monochromatic: #976aa3, #50275b, #73487e, #bd8ec9, #e4b3f1

## Questions about #976aa3

### What color is #976aa3?

#976aa3 is muted magenta. The closest named color is Allium. In RGB it is rgb(151, 106, 163), in HSL hsl(287.37, 23.65%, 52.75%) and in OKLCH oklch(59.147% 0.09878 319.034).

### What colors go well with #976aa3?

The complementary color of #976aa3 is #5e8c52. For a calmer combination use the analogous colors #7c73b5 and #a96487. The triadic partners are #9d7631 and #0b8f94.

### Is white or black text more readable on #976aa3?

White text reads better on #976aa3: white gives a contrast ratio of 4.28:1 and black gives 4.91:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #976aa3 a warm or cool color?

#976aa3 is a neutral color. In OKLCH its hue is 319 degrees, its lightness 59.1% and its chroma 0.099.