# #697cde color: Bright indigo

#697cde is rgb(105, 124, 222) in RGB and oklch(61.756% 0.14897 273.04) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #697cde |
| RGB | rgb(105, 124, 222) |
| HSL | hsl(230.26, 63.93%, 64.12%) |
| HSB / HSV | hsv(230.26 52.7% 87.06%) |
| HWB | hwb(230.26 41.18% 12.94%) |
| CMYK | cmyk(53% 44% 0% 13%) |
| Lab | lab(54.05 14.2 -53.21) |
| LCH | lch(54.05 55.07 284.95) |
| OKLab | oklab(61.756% 0.0079 -0.14876) |
| OKLCH | oklch(61.756% 0.14897 273.04) |
| Display P3 | color(display-p3 0.42619 0.48403 0.84455) |
| Rec. 2020 | color(rec2020 0.4172 0.43758 0.82133) |
| Adobe RGB | color(a98-rgb 0.43269 0.48273 0.85507) |
| ProPhoto RGB | color(prophoto-rgb 0.45672 0.42078 0.79272) |
| Linear sRGB | color(srgb-linear 0.14126 0.20156 0.73046) |
| XYZ D65 | color(xyz-d65 0.26216 0.22692 0.72108) |
| XYZ D50 | color(xyz-d50 0.24374 0.2202 0.54316) |
| SwiftUI | Color(red: 0.412, green: 0.486, blue: 0.871) |
| UIKit | UIColor(red: 0.412, green: 0.486, blue: 0.871, alpha: 1) |
| Flutter / Compose | Color(0xFF697CDE) |
| Android XML | #697CDE |

## Facts

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

## Tints

#697cde, #7689e2, #8497e6, #93a4ea, #a1b1ee, #b0bef1, #c0cbf5, #cfd8f8, #dfe5fa, #eff2fd

## Shades

#697cde, #5a6bc1, #4c5aa5, #3e4a89, #313b6f, #242c55, #181e3d, #0c1126, #040512, #000102

## Tones

#697cde, #6c7ed5, #6e7fcd, #7181c4, #7482bc, #7683b3, #7983aa, #7c84a1, #7f8598, #82858f

## Harmonies

- Complementary: #697cde, #a48100
- Split: #697cde, #c26d00, #75930a
- Analogous: #697cde, #028dd7, #986cce
- Triadic: #697cde, #cf5e47, #1f9e58
- Tetradic: #697cde, #b95fab, #a48100, #1f9e58
- Square: #697cde, #cc597d, #a48100, #009e8d
- Monochromatic: #697cde, #2b348f, #4957b6, #8ca2ff, #bccdff

## Questions about #697cde

### What color is #697cde?

#697cde is bright indigo. The closest named color is Bright indigo. In RGB it is rgb(105, 124, 222), in HSL hsl(230.26, 63.93%, 64.12%) and in OKLCH oklch(61.756% 0.14897 273.04).

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

The complementary color of #697cde is #a48100. For a calmer combination use the analogous colors #028dd7 and #986cce. The triadic partners are #cf5e47 and #1f9e58.

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

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

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

#697cde is a cool color. In OKLCH its hue is 273 degrees, its lightness 61.8% and its chroma 0.149.