# #688bde color: Soft blue

#688bde is rgb(104, 139, 222) in RGB and oklch(64.756% 0.13081 265.606) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #688bde |
| RGB | rgb(104, 139, 222) |
| HSL | hsl(222.2, 64.13%, 63.92%) |
| HSB / HSV | hsv(222.2 53.15% 87.06%) |
| HWB | hwb(222.2 40.78% 12.94%) |
| CMYK | cmyk(53% 37% 0% 13%) |
| Lab | lab(58.05 5.6 -46.88) |
| LCH | lch(58.05 47.22 276.81) |
| OKLab | oklab(64.756% -0.01002 -0.13042) |
| OKLCH | oklch(64.756% 0.13081 265.606) |
| Display P3 | color(display-p3 0.43623 0.54123 0.84677) |
| Rec. 2020 | color(rec2020 0.4377 0.49536 0.82436) |
| Adobe RGB | color(a98-rgb 0.4498 0.54026 0.85635) |
| ProPhoto RGB | color(prophoto-rgb 0.47434 0.47284 0.79714) |
| Linear sRGB | color(srgb-linear 0.13843 0.25818 0.73046) |
| XYZ D65 | color(xyz-d65 0.28124 0.26681 0.72778) |
| XYZ D50 | color(xyz-d50 0.26432 0.26017 0.54861) |
| SwiftUI | Color(red: 0.408, green: 0.545, blue: 0.871) |
| UIKit | UIColor(red: 0.408, green: 0.545, blue: 0.871, alpha: 1) |
| Flutter / Compose | Color(0xFF688BDE) |
| Android XML | #688BDE |

## Facts

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

## Tints

#688bde, #7697e2, #85a2e6, #93aeea, #a2baed, #b1c5f1, #c0d1f4, #d0dcf7, #dfe8fa, #eff3fd

## Shades

#688bde, #5978c1, #4b66a5, #3e5489, #30436f, #243255, #18233d, #0c1426, #040712, #000102

## Tones

#688bde, #6c8cd6, #708dcf, #748dc7, #788ebf, #7b8eb7, #7f8eaf, #838ea7, #878e9f, #8b8e97

## Harmonies

- Complementary: #688bde, #b28709
- Split: #688bde, #ca7735, #8b972a
- Analogous: #688bde, #1f99d3, #957cd5
- Triadic: #688bde, #d26c64, #54a35b
- Tetradic: #688bde, #b770b9, #b28709, #54a35b
- Square: #688bde, #cb6a92, #b28709, #00a88b
- Monochromatic: #688bde, #27438f, #4666b6, #8cb1ff, #c2daff

## Questions about #688bde

### What color is #688bde?

#688bde is soft blue. The closest named color is Soft blue. In RGB it is rgb(104, 139, 222), in HSL hsl(222.2, 64.13%, 63.92%) and in OKLCH oklch(64.756% 0.13081 265.606).

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

The complementary color of #688bde is #b28709. For a calmer combination use the analogous colors #1f99d3 and #957cd5. The triadic partners are #d26c64 and #54a35b.

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

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

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

#688bde is a cool color. In OKLCH its hue is 266 degrees, its lightness 64.8% and its chroma 0.131.