# #686ab2 color: Mediaeval

#686ab2 is rgb(104, 106, 178) in RGB and oklch(55.49% 0.11066 280.944) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/686ab2

## Formats

| Format | Value |
| --- | --- |
| HEX | #686ab2 |
| RGB | rgb(104, 106, 178) |
| HSL | hsl(238.38, 32.46%, 55.29%) |
| HSB / HSV | hsv(238.38 41.57% 69.8%) |
| HWB | hwb(238.38 40.78% 30.2%) |
| CMYK | cmyk(42% 40% 0% 30%) |
| Lab | lab(47.12 13.46 -39.1) |
| LCH | lch(47.12 41.35 289) |
| OKLab | oklab(55.49% 0.02101 -0.10865) |
| OKLCH | oklch(55.49% 0.11066 280.944) |
| Display P3 | color(display-p3 0.40925 0.41543 0.67864) |
| Rec. 2020 | color(rec2020 0.37384 0.36481 0.63965) |
| Adobe RGB | color(a98-rgb 0.40909 0.41446 0.68332) |
| ProPhoto RGB | color(prophoto-rgb 0.38978 0.35119 0.6049) |
| Linear sRGB | color(srgb-linear 0.13843 0.14413 0.4452) |
| XYZ D65 | color(xyz-d65 0.18898 0.16465 0.44303) |
| XYZ D50 | color(xyz-d50 0.17958 0.16111 0.33384) |
| SwiftUI | Color(red: 0.408, green: 0.416, blue: 0.698) |
| UIKit | UIColor(red: 0.408, green: 0.416, blue: 0.698, alpha: 1) |
| Flutter / Compose | Color(0xFF686AB2) |
| Android XML | #686AB2 |

## Facts

- Closest name: Mediaeval
- Hue family: Indigo, soft indigo
- Closest Tailwind class: slate-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 4.89:1
- Contrast with black: 4.29:1

## Tints

#686ab2, #7679ba, #8387c2, #9296ca, #a1a4d2, #b0b3da, #bfc2e2, #cfd1e9, #dee0f1, #eff0f8

## Shades

#686ab2, #595b9a, #4b4d83, #3e3f6d, #303157, #242443, #18182f, #0c0d1d, #04040c, #000001

## Tones

#686ab2, #696bac, #6a6da6, #6b6ea0, #6c6f99, #6d7093, #6e708d, #6f7187, #707280, #72727a

## Harmonies

- Complementary: #686ab2, #817411
- Split: #686ab2, #9b6618, #5c8036
- Analogous: #686ab2, #3c76b1, #885fa2
- Triadic: #686ab2, #a85a3d, #23865d
- Tetradic: #686ab2, #9e5786, #817411, #23865d
- Square: #686ab2, #a95563, #817411, #008782
- Monochromatic: #686ab2, #2a2667, #48478c, #8b8ed9, #afb4ff

## Questions about #686ab2

### What color is #686ab2?

#686ab2 is soft indigo. The closest named color is Mediaeval. In RGB it is rgb(104, 106, 178), in HSL hsl(238.38, 32.46%, 55.29%) and in OKLCH oklch(55.49% 0.11066 280.944).

### What colors go well with #686ab2?

The complementary color of #686ab2 is #817411. For a calmer combination use the analogous colors #3c76b1 and #885fa2. The triadic partners are #a85a3d and #23865d.

### Is white or black text more readable on #686ab2?

White text reads better on #686ab2: white gives a contrast ratio of 4.89:1 and black gives 4.29:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #686ab2 a warm or cool color?

#686ab2 is a cool color. In OKLCH its hue is 281 degrees, its lightness 55.5% and its chroma 0.111.