# #688be0 color: Soft Blue

#688be0 is rgb(104, 139, 224) in RGB and oklch(64.867% 0.13356 265.886) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/688be0

## Formats

| Format | Value |
| --- | --- |
| HEX | #688be0 |
| RGB | rgb(104, 139, 224) |
| HSL | hsl(222.5, 65.93%, 64.31%) |
| HSB / HSV | hsv(222.5 53.57% 87.84%) |
| HWB | hwb(222.5 40.78% 12.16%) |
| CMYK | cmyk(54% 38% 0% 12%) |
| Lab | lab(58.14 6.1 -47.86) |
| LCH | lch(58.14 48.25 277.27) |
| OKLab | oklab(64.867% -0.00958 -0.13322) |
| OKLCH | oklch(64.867% 0.13356 265.886) |
| Display P3 | color(display-p3 0.43623 0.54123 0.85418) |
| Rec. 2020 | color(rec2020 0.43847 0.49554 0.83251) |
| Adobe RGB | color(a98-rgb 0.4498 0.54026 0.86415) |
| ProPhoto RGB | color(prophoto-rgb 0.47645 0.47326 0.80571) |
| Linear sRGB | color(srgb-linear 0.13843 0.25818 0.7454) |
| XYZ D65 | color(xyz-d65 0.28394 0.26789 0.74198) |
| XYZ D50 | color(xyz-d50 0.26646 0.26107 0.55928) |
| SwiftUI | Color(red: 0.408, green: 0.545, blue: 0.878) |
| UIKit | UIColor(red: 0.408, green: 0.545, blue: 0.878, alpha: 1) |
| Flutter / Compose | Color(0xFF688BE0) |
| Android XML | #688BE0 |

## Facts

- Closest name: Soft Blue
- Hue family: Blue, bright blue
- Closest Tailwind class: indigo-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.3:1
- Contrast with black: 6.36:1

## Tints

#688be0, #7697e4, #85a3e8, #93aeeb, #a2baef, #b1c5f2, #c0d1f5, #d0dcf8, #dfe8fa, #eff3fd

## Shades

#688be0, #5978c3, #4b66a6, #3e548a, #304370, #243256, #18233e, #0c1427, #040712, #000102

## Tones

#688be0, #6c8cd8, #708dd0, #748dc8, #788ec0, #7c8eb8, #7f8fb0, #838fa8, #878fa0, #8b8f97

## Harmonies

- Complementary: #688be0, #b38700
- Split: #688be0, #cb7632, #8b9827
- Analogous: #688be0, #199ad4, #967cd6
- Triadic: #688be0, #d46b63, #52a45b
- Tetradic: #688be0, #b870ba, #b38700, #52a45b
- Square: #688be0, #cd6992, #b38700, #00a88b
- Monochromatic: #688be0, #274391, #4666b8, #8bb1ff, #c3daff

## Questions about #688be0

### What color is #688be0?

#688be0 is bright blue. The closest named color is Soft Blue. In RGB it is rgb(104, 139, 224), in HSL hsl(222.5, 65.93%, 64.31%) and in OKLCH oklch(64.867% 0.13356 265.886).

### What colors go well with #688be0?

The complementary color of #688be0 is #b38700. For a calmer combination use the analogous colors #199ad4 and #967cd6. The triadic partners are #d46b63 and #52a45b.

### Is white or black text more readable on #688be0?

White text reads better on #688be0: white gives a contrast ratio of 3.3:1 and black gives 6.36:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #688be0 a warm or cool color?

#688be0 is a cool color. In OKLCH its hue is 266 degrees, its lightness 64.9% and its chroma 0.134.