# #697ddd color: Bright indigo

#697ddd is rgb(105, 125, 221) in RGB and oklch(61.895% 0.14629 272.593) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #697ddd |
| RGB | rgb(105, 125, 221) |
| HSL | hsl(229.66, 63.04%, 63.92%) |
| HSB / HSV | hsv(229.66 52.49% 86.67%) |
| HWB | hwb(229.66 41.18% 13.33%) |
| CMYK | cmyk(52% 43% 0% 13%) |
| Lab | lab(54.27 13.39 -52.3) |
| LCH | lch(54.27 53.99 284.36) |
| OKLab | oklab(61.895% 0.00662 -0.14614) |
| OKLCH | oklch(61.895% 0.14629 272.593) |
| Display P3 | color(display-p3 0.42701 0.48784 0.84097) |
| Rec. 2020 | color(rec2020 0.41824 0.44131 0.81744) |
| Adobe RGB | color(a98-rgb 0.43393 0.48655 0.85124) |
| ProPhoto RGB | color(prophoto-rgb 0.45685 0.42395 0.7887) |
| Linear sRGB | color(srgb-linear 0.14126 0.20508 0.72306) |
| XYZ D65 | color(xyz-d65 0.26209 0.2289 0.71446) |
| XYZ D50 | color(xyz-d50 0.24404 0.22228 0.53821) |
| SwiftUI | Color(red: 0.412, green: 0.49, blue: 0.867) |
| UIKit | UIColor(red: 0.412, green: 0.49, blue: 0.867, alpha: 1) |
| Flutter / Compose | Color(0xFF697DDD) |
| Android XML | #697DDD |

## 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.76:1
- Contrast with black: 5.58:1

## Tints

#697ddd, #768ae1, #8497e6, #93a5ea, #a1b1ed, #b0bef1, #c0cbf4, #cfd8f7, #dfe5fa, #eff2fd

## Shades

#697ddd, #5a6cc0, #4c5ba4, #3e4b88, #313b6e, #242c55, #181e3d, #0c1126, #040511, #000102

## Tones

#697ddd, #6c7fd5, #6e80cc, #7181c4, #7482bb, #7783b2, #7a84aa, #7d85a1, #808598, #83858f

## Harmonies

- Complementary: #697ddd, #a58100
- Split: #697ddd, #c26e00, #769311
- Analogous: #697ddd, #0a8dd6, #986dce
- Triadic: #697ddd, #cf5f49, #279e59
- Tetradic: #697ddd, #b861ac, #a58100, #279e59
- Square: #697ddd, #cb5b7e, #a58100, #009e8d
- Monochromatic: #697ddd, #2b358e, #4959b5, #8ca3ff, #bccdff

## Questions about #697ddd

### What color is #697ddd?

#697ddd is bright indigo. The closest named color is Bright indigo. In RGB it is rgb(105, 125, 221), in HSL hsl(229.66, 63.04%, 63.92%) and in OKLCH oklch(61.895% 0.14629 272.593).

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

The complementary color of #697ddd is #a58100. For a calmer combination use the analogous colors #0a8dd6 and #986dce. The triadic partners are #cf5f49 and #279e59.

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

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

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

#697ddd is a cool color. In OKLCH its hue is 273 degrees, its lightness 61.9% and its chroma 0.146.