# #688cf2 color: Soft Blue

#688cf2 is rgb(104, 140, 242) in RGB and oklch(66.104% 0.15699 267.391) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #688cf2 |
| RGB | rgb(104, 140, 242) |
| HSL | hsl(224.35, 84.15%, 67.84%) |
| HSB / HSV | hsv(224.35 57.02% 94.9%) |
| HWB | hwb(224.35 40.78% 5.1%) |
| CMYK | cmyk(57% 42% 0% 5%) |
| Lab | lab(59.22 10.17 -56.11) |
| LCH | lch(59.22 57.02 280.27) |
| OKLab | oklab(66.104% -0.00715 -0.15683) |
| OKLCH | oklch(66.104% 0.15699 267.391) |
| Display P3 | color(display-p3 0.43716 0.54506 0.9211) |
| Rec. 2020 | color(rec2020 0.44729 0.50113 0.9064) |
| Adobe RGB | color(a98-rgb 0.45117 0.54411 0.93479) |
| ProPhoto RGB | color(prophoto-rgb 0.49757 0.48086 0.88442) |
| Linear sRGB | color(srgb-linear 0.13843 0.26225 0.88792) |
| XYZ D65 | color(xyz-d65 0.31112 0.28109 0.87793) |
| XYZ D50 | color(xyz-d50 0.28841 0.27263 0.66145) |
| SwiftUI | Color(red: 0.408, green: 0.549, blue: 0.949) |
| UIKit | UIColor(red: 0.408, green: 0.549, blue: 0.949, alpha: 1) |
| Flutter / Compose | Color(0xFF688CF2) |
| Android XML | #688CF2 |

## 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.17:1
- Contrast with black: 6.62:1

## Tints

#688cf2, #7698f4, #84a4f7, #93b0f8, #a2bbfa, #b1c7fc, #c0d2fd, #d0ddfe, #dfe9fe, #eff4ff

## Shades

#688cf2, #5979d2, #4b67b4, #3e5596, #304379, #24335e, #182343, #0c142b, #040714, #000103

## Tones

#688cf2, #6c8de9, #708fdf, #7590d6, #7991cd, #7d91c3, #8192ba, #8692b0, #8a92a6, #8e929c

## Harmonies

- Complementary: #688cf2, #ba8a00
- Split: #688cf2, #d87509, #8c9e00
- Analogous: #688cf2, #009ee6, #9e7ae5
- Triadic: #688cf2, #e2665b, #41ac56
- Tetradic: #688cf2, #c46cc3, #ba8a00, #41ac56
- Square: #688cf2, #db6493, #ba8a00, #00ae91
- Monochromatic: #688cf2, #2842a1, #4767c9, #92b4ff, #cadeff

## Questions about #688cf2

### What color is #688cf2?

#688cf2 is bright blue. The closest named color is Soft Blue. In RGB it is rgb(104, 140, 242), in HSL hsl(224.35, 84.15%, 67.84%) and in OKLCH oklch(66.104% 0.15699 267.391).

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

The complementary color of #688cf2 is #ba8a00. For a calmer combination use the analogous colors #009ee6 and #9e7ae5. The triadic partners are #e2665b and #41ac56.

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

Black text reads better on #688cf2: white gives a contrast ratio of 3.17:1 and black gives 6.62:1. WCAG AA asks for at least 4.5:1 for body text.

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

#688cf2 is a cool color. In OKLCH its hue is 267 degrees, its lightness 66.1% and its chroma 0.157.