# #697ac5 color: Ultramarine Blue

#697ac5 is rgb(105, 122, 197) in RGB and oklch(59.903% 0.11612 272.777) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #697ac5 |
| RGB | rgb(105, 122, 197) |
| HSL | hsl(228.91, 44.23%, 59.22%) |
| HSB / HSV | hsv(228.91 46.7% 77.25%) |
| HWB | hwb(228.91 41.18% 22.75%) |
| CMYK | cmyk(47% 38% 0% 23%) |
| Lab | lab(52.38 9.15 -41.75) |
| LCH | lch(52.38 42.74 282.36) |
| OKLab | oklab(59.903% 0.00563 -0.11598) |
| OKLCH | oklch(59.903% 0.11612 272.777) |
| Display P3 | color(display-p3 0.42456 0.4764 0.75151) |
| Rec. 2020 | color(rec2020 0.40489 0.42756 0.7194) |
| Adobe RGB | color(a98-rgb 0.43022 0.4751 0.75778) |
| ProPhoto RGB | color(prophoto-rgb 0.42848 0.40852 0.6868) |
| Linear sRGB | color(srgb-linear 0.14126 0.19462 0.55834) |
| XYZ D65 | color(xyz-d65 0.22862 0.20953 0.55665) |
| XYZ D50 | color(xyz-d50 0.21644 0.2048 0.41957) |
| SwiftUI | Color(red: 0.412, green: 0.478, blue: 0.773) |
| UIKit | UIColor(red: 0.412, green: 0.478, blue: 0.773, alpha: 1) |
| Flutter / Compose | Color(0xFF697AC5) |
| Android XML | #697AC5 |

## Facts

- Closest name: Ultramarine Blue
- Hue family: Indigo, soft indigo
- Closest Tailwind class: sky-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 4.05:1
- Contrast with black: 5.19:1

## Tints

#697ac5, #7787cb, #8594d2, #93a1d8, #a2afde, #b1bce4, #c0c9ea, #cfd6ef, #dfe4f5, #eff1fa

## Shades

#697ac5, #5a69ab, #4c5992, #3e4979, #313a61, #242b4b, #181d35, #0c1021, #04050e, #000102

## Tones

#697ac5, #6b7bbe, #6d7cb8, #6f7db1, #727daa, #747ea3, #767f9c, #797f95, #7b7f8e, #7d8087

## Harmonies

- Complementary: #697ac5, #987d16
- Split: #697ac5, #b06f2b, #738b34
- Analogous: #697ac5, #3687bf, #8e6eb9
- Triadic: #697ac5, #bb6452, #40945d
- Tetradic: #697ac5, #a8649e, #987d16, #40945d
- Square: #697ac5, #b86079, #987d16, #009686
- Monochromatic: #697ac5, #2a3479, #48569e, #8c9fed, #b4c6ff

## Questions about #697ac5

### What color is #697ac5?

#697ac5 is soft indigo. The closest named color is Ultramarine Blue. In RGB it is rgb(105, 122, 197), in HSL hsl(228.91, 44.23%, 59.22%) and in OKLCH oklch(59.903% 0.11612 272.777).

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

The complementary color of #697ac5 is #987d16. For a calmer combination use the analogous colors #3687bf and #8e6eb9. The triadic partners are #bb6452 and #40945d.

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

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

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

#697ac5 is a cool color. In OKLCH its hue is 273 degrees, its lightness 59.9% and its chroma 0.116.