# #786bb4 color: Clear Mauve

#786bb4 is rgb(120, 107, 180) in RGB and oklch(57.128% 0.11081 290.631) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #786bb4 |
| RGB | rgb(120, 107, 180) |
| HSL | hsl(250.68, 32.74%, 56.27%) |
| HSB / HSV | hsv(250.68 40.56% 70.59%) |
| HWB | hwb(250.68 41.96% 29.41%) |
| CMYK | cmyk(33% 41% 0% 29%) |
| Lab | lab(48.87 18.25 -37.4) |
| LCH | lch(48.87 41.61 296.01) |
| OKLab | oklab(57.128% 0.03905 -0.10371) |
| OKLCH | oklch(57.128% 0.11081 290.631) |
| Display P3 | color(display-p3 0.46205 0.42142 0.6868) |
| Rec. 2020 | color(rec2020 0.41643 0.37351 0.64851) |
| Adobe RGB | color(a98-rgb 0.4541 0.41823 0.69106) |
| ProPhoto RGB | color(prophoto-rgb 0.42254 0.36097 0.61388) |
| Linear sRGB | color(srgb-linear 0.18782 0.14703 0.45641) |
| XYZ D65 | color(xyz-d65 0.2124 0.17804 0.45499) |
| XYZ D50 | color(xyz-d50 0.20383 0.17486 0.34281) |
| SwiftUI | Color(red: 0.471, green: 0.42, blue: 0.706) |
| UIKit | UIColor(red: 0.471, green: 0.42, blue: 0.706, alpha: 1) |
| Flutter / Compose | Color(0xFF786BB4) |
| Android XML | #786BB4 |

## 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.6:1
- Contrast with black: 4.56:1

## Tints

#786bb4, #8479bc, #9188c4, #9e96cc, #aba5d3, #b8b4db, #c6c2e2, #d4d1ea, #e2e0f1, #f0f0f8

## Shades

#786bb4, #675c9c, #574e85, #483f6e, #393258, #2a2544, #1d1830, #100d1d, #05040c, #010002

## Tones

#786bb4, #786dae, #786ea8, #7770a2, #77719d, #777297, #777491, #77758a, #777684, #77777e

## Harmonies

- Complementary: #786bb4, #7b7d22
- Split: #786bb4, #997016, #518847
- Analogous: #786bb4, #5177b9, #9561a0
- Triadic: #786bb4, #ab6336, #088c6e
- Tetradic: #786bb4, #a85a80, #7b7d22, #088c6e
- Square: #786bb4, #b05b5b, #7b7d22, #008a92
- Monochromatic: #786bb4, #382769, #56488e, #9c8fdb, #c1b5ff

## Questions about #786bb4

### What color is #786bb4?

#786bb4 is soft violet. The closest named color is Clear Mauve. In RGB it is rgb(120, 107, 180), in HSL hsl(250.68, 32.74%, 56.27%) and in OKLCH oklch(57.128% 0.11081 290.631).

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

The complementary color of #786bb4 is #7b7d22. For a calmer combination use the analogous colors #5177b9 and #9561a0. The triadic partners are #ab6336 and #088c6e.

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

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

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

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