# #688fd5 color: Little Boy Blue

#688fd5 is rgb(104, 143, 213) in RGB and oklch(65.124% 0.11397 261.52) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #688fd5 |
| RGB | rgb(104, 143, 213) |
| HSL | hsl(218.53, 56.48%, 62.16%) |
| HSB / HSV | hsv(218.53 51.17% 83.53%) |
| HWB | hwb(218.53 40.78% 16.47%) |
| CMYK | cmyk(51% 33% 0% 16%) |
| Lab | lab(58.79 1.19 -40.71) |
| LCH | lch(58.79 40.73 271.68) |
| OKLab | oklab(65.124% -0.01681 -0.11273) |
| OKLCH | oklch(65.124% 0.11397 261.52) |
| Display P3 | color(display-p3 0.43997 0.55654 0.81416) |
| Rec. 2020 | color(rec2020 0.4408 0.51026 0.78875) |
| Adobe RGB | color(a98-rgb 0.45532 0.55569 0.82171) |
| ProPhoto RGB | color(prophoto-rgb 0.47059 0.48542 0.76023) |
| Linear sRGB | color(srgb-linear 0.13843 0.27468 0.66539) |
| XYZ D65 | color(xyz-d65 0.2754 0.27391 0.66789) |
| XYZ D50 | color(xyz-d50 0.26136 0.26805 0.50375) |
| SwiftUI | Color(red: 0.408, green: 0.561, blue: 0.835) |
| UIKit | UIColor(red: 0.408, green: 0.561, blue: 0.835, alpha: 1) |
| Flutter / Compose | Color(0xFF688FD5) |
| Android XML | #688FD5 |

## Facts

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

## Tints

#688fd5, #769ada, #85a5df, #94b1e3, #a3bce7, #b2c7ec, #c1d2f0, #d0ddf4, #e0e8f8, #eff4fb

## Shades

#688fd5, #597cb9, #4b699e, #3e5783, #30456a, #243451, #18243a, #0c1524, #040710, #000102

## Tones

#688fd5, #6c8fce, #7090c8, #7490c1, #7890ba, #7c90b3, #8090ac, #8490a5, #88909e, #8c9097

## Harmonies

- Complementary: #688fd5, #b28831
- Split: #688fd5, #c67a4b, #92963b
- Analogous: #688fd5, #349bc9, #9182cf
- Triadic: #688fd5, #cc7270, #66a15e
- Tetradic: #688fd5, #b077b9, #b28831, #66a15e
- Square: #688fd5, #c47197, #b28831, #2da687
- Monochromatic: #688fd5, #254888, #466bae, #8cb5fd, #c0dcff

## Questions about #688fd5

### What color is #688fd5?

#688fd5 is soft blue. The closest named color is Little Boy Blue. In RGB it is rgb(104, 143, 213), in HSL hsl(218.53, 56.48%, 62.16%) and in OKLCH oklch(65.124% 0.11397 261.52).

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

The complementary color of #688fd5 is #b28831. For a calmer combination use the analogous colors #349bc9 and #9182cf. The triadic partners are #cc7270 and #66a15e.

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

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

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

#688fd5 is a cool color. In OKLCH its hue is 262 degrees, its lightness 65.1% and its chroma 0.114.