# #786bb3 color: Clear Mauve

#786bb3 is rgb(120, 107, 179) in RGB and oklch(57.074% 0.10938 290.804) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/786bb3

## Formats

| Format | Value |
| --- | --- |
| HEX | #786bb3 |
| RGB | rgb(120, 107, 179) |
| HSL | hsl(250.83, 32.14%, 56.08%) |
| HSB / HSV | hsv(250.83 40.22% 70.2%) |
| HWB | hwb(250.83 41.96% 29.8%) |
| CMYK | cmyk(33% 40% 0% 30%) |
| Lab | lab(48.82 18.04 -36.89) |
| LCH | lch(48.82 41.06 296.06) |
| OKLab | oklab(57.074% 0.03885 -0.10225) |
| OKLCH | oklch(57.074% 0.10938 290.804) |
| Display P3 | color(display-p3 0.46205 0.42142 0.6831) |
| Rec. 2020 | color(rec2020 0.41612 0.37342 0.6445) |
| Adobe RGB | color(a98-rgb 0.4541 0.41823 0.68723) |
| ProPhoto RGB | color(prophoto-rgb 0.42166 0.36077 0.60987) |
| Linear sRGB | color(srgb-linear 0.18782 0.14703 0.45079) |
| XYZ D65 | color(xyz-d65 0.21139 0.17763 0.44964) |
| XYZ D50 | color(xyz-d50 0.20303 0.17452 0.33879) |
| SwiftUI | Color(red: 0.471, green: 0.42, blue: 0.702) |
| UIKit | UIColor(red: 0.471, green: 0.42, blue: 0.702, alpha: 1) |
| Flutter / Compose | Color(0xFF786BB3) |
| Android XML | #786BB3 |

## Facts

- Closest name: Clear Mauve
- Hue family: Violet, soft violet
- Closest Tailwind class: slate-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 4.61:1
- Contrast with black: 4.55:1

## Tints

#786bb3, #8479bb, #9188c3, #9e96cb, #aba5d3, #b8b4da, #c6c2e2, #d4d1e9, #e2e0f1, #f0f0f8

## Shades

#786bb3, #675c9b, #574e84, #483f6e, #393258, #2a2543, #1d182f, #100d1d, #05040c, #010001

## Tones

#786bb3, #786dad, #786ea8, #7770a2, #77719c, #777296, #777390, #77758a, #777684, #77777e

## Harmonies

- Complementary: #786bb3, #7b7d24
- Split: #786bb3, #987019, #518748
- Analogous: #786bb3, #5277b8, #95619f
- Triadic: #786bb3, #aa6337, #0d8c6f
- Tetradic: #786bb3, #a75b80, #7b7d24, #0d8c6f
- Square: #786bb3, #af5b5b, #7b7d24, #008a92
- Monochromatic: #786bb3, #372768, #56488d, #9c8fda, #c1b5ff

## Questions about #786bb3

### What color is #786bb3?

#786bb3 is soft violet. The closest named color is Clear Mauve. In RGB it is rgb(120, 107, 179), in HSL hsl(250.83, 32.14%, 56.08%) and in OKLCH oklch(57.074% 0.10938 290.804).

### What colors go well with #786bb3?

The complementary color of #786bb3 is #7b7d24. For a calmer combination use the analogous colors #5277b8 and #95619f. The triadic partners are #aa6337 and #0d8c6f.

### Is white or black text more readable on #786bb3?

White text reads better on #786bb3: white gives a contrast ratio of 4.61:1 and black gives 4.55:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #786bb3 a warm or cool color?

#786bb3 is a cool color. In OKLCH its hue is 291 degrees, its lightness 57.1% and its chroma 0.109.