# #679edd color: Blue Bay

#679edd is rgb(103, 158, 221) in RGB and oklch(68.718% 0.11029 252.721) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/679edd

## Formats

| Format | Value |
| --- | --- |
| HEX | #679edd |
| RGB | rgb(103, 158, 221) |
| HSL | hsl(212.03, 63.44%, 63.53%) |
| HSB / HSV | hsv(212.03 53.39% 86.67%) |
| HWB | hwb(212.03 40.39% 13.33%) |
| CMYK | cmyk(53% 29% 0% 13%) |
| Lab | lab(63.27 -5.05 -38.19) |
| LCH | lch(63.27 38.52 262.47) |
| OKLab | oklab(68.718% -0.03276 -0.10531) |
| OKLCH | oklch(68.718% 0.11029 252.721) |
| Display P3 | color(display-p3 0.45198 0.61395 0.84637) |
| Rec. 2020 | color(rec2020 0.467 0.57001 0.82478) |
| Adobe RGB | color(a98-rgb 0.47486 0.61386 0.85434) |
| ProPhoto RGB | color(prophoto-rgb 0.49916 0.54228 0.79939) |
| Linear sRGB | color(srgb-linear 0.13563 0.34191 0.72306) |
| XYZ D65 | color(xyz-d65 0.30869 0.32557 0.73066) |
| XYZ D50 | color(xyz-d50 0.29429 0.31912 0.55142) |
| SwiftUI | Color(red: 0.404, green: 0.62, blue: 0.867) |
| UIKit | UIColor(red: 0.404, green: 0.62, blue: 0.867, alpha: 1) |
| Flutter / Compose | Color(0xFF679EDD) |
| Android XML | #679EDD |

## 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.8:1
- Contrast with black: 7.51:1

## Tints

#679edd, #76a8e1, #86b2e5, #95bbe8, #a4c5ec, #b3cff0, #c2d8f3, #d1e2f6, #e0ecf9, #f0f5fc

## Shades

#679edd, #5989c0, #4b74a4, #3d6088, #304d6e, #233a55, #17293d, #0c1826, #040911, #000102

## Tones

#679edd, #6d9ed7, #739ed0, #789eca, #7d9dc3, #839dbc, #879db6, #8c9caf, #919ca8, #969ba1

## Harmonies

- Complementary: #679edd, #c48f46
- Split: #679edd, #d48362, #a79d45
- Analogous: #679edd, #39a9cc, #9191dd
- Triadic: #679edd, #d57d87, #80a960
- Tetradic: #679edd, #b286cb, #c48f46, #80a960
- Square: #679edd, #ca7ead, #c48f46, #50b086
- Monochromatic: #679edd, #1f568f, #4379b6, #8cc4ff, #cceaff

## Questions about #679edd

### What color is #679edd?

#679edd is soft blue. The closest named color is Blue Bay. In RGB it is rgb(103, 158, 221), in HSL hsl(212.03, 63.44%, 63.53%) and in OKLCH oklch(68.718% 0.11029 252.721).

### What colors go well with #679edd?

The complementary color of #679edd is #c48f46. For a calmer combination use the analogous colors #39a9cc and #9191dd. The triadic partners are #d57d87 and #80a960.

### Is white or black text more readable on #679edd?

Black text reads better on #679edd: white gives a contrast ratio of 2.8:1 and black gives 7.51:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #679edd a warm or cool color?

#679edd is a cool color. In OKLCH its hue is 253 degrees, its lightness 68.7% and its chroma 0.11.