# #697ae3 color: Pan Purple

#697ae3 is rgb(105, 122, 227) in RGB and oklch(61.67% 0.15848 273.918) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/697ae3

## Formats

| Format | Value |
| --- | --- |
| HEX | #697ae3 |
| RGB | rgb(105, 122, 227) |
| HSL | hsl(231.64, 68.54%, 65.1%) |
| HSB / HSV | hsv(231.64 53.74% 89.02%) |
| HWB | hwb(231.64 41.18% 10.98%) |
| CMYK | cmyk(54% 46% 0% 11%) |
| Lab | lab(53.76 16.61 -56.46) |
| LCH | lch(53.76 58.85 286.39) |
| OKLab | oklab(61.67% 0.01083 -0.15811) |
| OKLCH | oklch(61.67% 0.15848 273.918) |
| Display P3 | color(display-p3 0.42456 0.4764 0.86287) |
| Rec. 2020 | color(rec2020 0.41638 0.43045 0.84143) |
| Adobe RGB | color(a98-rgb 0.43022 0.4751 0.87448) |
| ProPhoto RGB | color(prophoto-rgb 0.45984 0.4152 0.81377) |
| Linear sRGB | color(srgb-linear 0.14126 0.19462 0.76815) |
| XYZ D65 | color(xyz-d65 0.26648 0.22468 0.75608) |
| XYZ D50 | color(xyz-d50 0.24646 0.21751 0.5694) |
| SwiftUI | Color(red: 0.412, green: 0.478, blue: 0.89) |
| UIKit | UIColor(red: 0.412, green: 0.478, blue: 0.89, alpha: 1) |
| Flutter / Compose | Color(0xFF697AE3) |
| Android XML | #697AE3 |

## Facts

- Closest name: Pan Purple
- Hue family: Indigo, bright indigo
- Closest Tailwind class: indigo-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.82:1
- Contrast with black: 5.49:1

## Tints

#697ae3, #7688e7, #8495eb, #92a3ee, #a1b0f1, #b0bdf4, #bfcaf7, #cfd8f9, #dfe5fc, #eff2fd

## Shades

#697ae3, #5a69c5, #4c59a8, #3e498c, #313a71, #242b57, #181d3f, #0c1027, #040512, #000103

## Tones

#697ae3, #6b7cda, #6e7ed1, #717fc8, #7381be, #7682b5, #7983ac, #7c84a2, #7f8499, #82858f

## Harmonies

- Complementary: #697ae3, #a28200
- Split: #697ae3, #c56b00, #729400
- Analogous: #697ae3, #008cdc, #9a69d1
- Triadic: #697ae3, #d35a40, #009f56
- Tetradic: #697ae3, #bc5bac, #a28200, #009f56
- Square: #697ae3, #cf557a, #a28200, #009d8e
- Monochromatic: #697ae3, #2c3193, #4955bb, #8ca0ff, #bdccff

## Questions about #697ae3

### What color is #697ae3?

#697ae3 is bright indigo. The closest named color is Pan Purple. In RGB it is rgb(105, 122, 227), in HSL hsl(231.64, 68.54%, 65.1%) and in OKLCH oklch(61.67% 0.15848 273.918).

### What colors go well with #697ae3?

The complementary color of #697ae3 is #a28200. For a calmer combination use the analogous colors #008cdc and #9a69d1. The triadic partners are #d35a40 and #009f56.

### Is white or black text more readable on #697ae3?

White text reads better on #697ae3: white gives a contrast ratio of 3.82:1 and black gives 5.49:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #697ae3 a warm or cool color?

#697ae3 is a cool color. In OKLCH its hue is 274 degrees, its lightness 61.7% and its chroma 0.158.