# #689edf color: Blue Bay

#689edf is rgb(104, 158, 223) in RGB and oklch(68.866% 0.11233 253.81) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/689edf

## Formats

| Format | Value |
| --- | --- |
| HEX | #689edf |
| RGB | rgb(104, 158, 223) |
| HSL | hsl(212.77, 65.03%, 64.12%) |
| HSB / HSV | hsv(212.77 53.36% 87.45%) |
| HWB | hwb(212.77 40.78% 12.55%) |
| CMYK | cmyk(53% 29% 0% 13%) |
| Lab | lab(63.4 -4.32 -39.09) |
| LCH | lch(63.4 39.32 263.69) |
| OKLab | oklab(68.866% -0.03132 -0.10788) |
| OKLCH | oklch(68.866% 0.11233 253.81) |
| Display P3 | color(display-p3 0.45479 0.61402 0.85376) |
| Rec. 2020 | color(rec2020 0.46966 0.57033 0.83291) |
| Adobe RGB | color(a98-rgb 0.47707 0.61386 0.86212) |
| ProPhoto RGB | color(prophoto-rgb 0.50261 0.54291 0.80793) |
| Linear sRGB | color(srgb-linear 0.13843 0.34191 0.73791) |
| XYZ D65 | color(xyz-d65 0.31253 0.32723 0.74484) |
| XYZ D50 | color(xyz-d50 0.29763 0.32065 0.56206) |
| SwiftUI | Color(red: 0.408, green: 0.62, blue: 0.875) |
| UIKit | UIColor(red: 0.408, green: 0.62, blue: 0.875, alpha: 1) |
| Flutter / Compose | Color(0xFF689EDF) |
| Android XML | #689EDF |

## Facts

- Closest name: Blue Bay
- Hue family: Blue, soft blue
- Closest Tailwind class: blue-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.78:1
- Contrast with black: 7.54:1

## Tints

#689edf, #77a8e3, #86b2e6, #95bbea, #a4c5ed, #b3cff1, #c2d8f4, #d1e2f7, #e0ecfa, #f0f5fc

## Shades

#689edf, #5989c2, #4b74a5, #3e608a, #304d6f, #243a56, #18293d, #0c1827, #040912, #000102

## Tones

#689edf, #6e9ed8, #739ed2, #799ecb, #7e9ec4, #839dbe, #889db7, #8d9db0, #929ca9, #969ba2

## Harmonies

- Complementary: #689edf, #c49044
- Split: #689edf, #d58360, #a79e44
- Analogous: #689edf, #38a9ce, #9291de
- Triadic: #689edf, #d77d86, #7eaa61
- Tetradic: #689edf, #b485cc, #c49044, #7eaa61
- Square: #689edf, #cc7eac, #c49044, #4db188
- Monochromatic: #689edf, #215691, #4479b7, #8dc4ff, #ceeaff

## Questions about #689edf

### What color is #689edf?

#689edf is soft blue. The closest named color is Blue Bay. In RGB it is rgb(104, 158, 223), in HSL hsl(212.77, 65.03%, 64.12%) and in OKLCH oklch(68.866% 0.11233 253.81).

### What colors go well with #689edf?

The complementary color of #689edf is #c49044. For a calmer combination use the analogous colors #38a9ce and #9291de. The triadic partners are #d77d86 and #7eaa61.

### Is white or black text more readable on #689edf?

Black text reads better on #689edf: white gives a contrast ratio of 2.78:1 and black gives 7.54:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #689edf a warm or cool color?

#689edf is a cool color. In OKLCH its hue is 254 degrees, its lightness 68.9% and its chroma 0.112.