# #688efe color: Punch Out Glove

#688efe is rgb(104, 142, 254) in RGB and oklch(67.226% 0.17079 267.577) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #688efe |
| RGB | rgb(104, 142, 254) |
| HSL | hsl(224.8, 98.68%, 70.2%) |
| HSB / HSV | hsv(224.8 59.06% 99.61%) |
| HWB | hwb(224.8 40.78% 0.39%) |
| CMYK | cmyk(59% 44% 0% 0%) |
| Lab | lab(60.32 12.21 -60.93) |
| LCH | lch(60.32 62.14 281.33) |
| OKLab | oklab(67.226% -0.00722 -0.17064) |
| OKLCH | oklch(67.226% 0.17079 267.577) |
| Display P3 | color(display-p3 0.43902 0.55271 0.96599) |
| Rec. 2020 | color(rec2020 0.45556 0.51011 0.95625) |
| Adobe RGB | color(a98-rgb 0.45393 0.55182 0.98228) |
| ProPhoto RGB | color(prophoto-rgb 0.51408 0.49087 0.93844) |
| Linear sRGB | color(srgb-linear 0.13843 0.2705 0.9911) |
| XYZ D65 | color(xyz-d65 0.33269 0.29444 0.97699) |
| XYZ D50 | color(xyz-d50 0.30635 0.2848 0.73593) |
| SwiftUI | Color(red: 0.408, green: 0.557, blue: 0.996) |
| UIKit | UIColor(red: 0.408, green: 0.557, blue: 0.996, alpha: 1) |
| Flutter / Compose | Color(0xFF688EFE) |
| Android XML | #688EFE |

## Facts

- Closest name: Punch Out Glove
- Hue family: Blue, bright blue
- Closest Tailwind class: indigo-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.05:1
- Contrast with black: 6.89:1

## Tints

#688efe, #769aff, #84a6ff, #93b1ff, #a2bdff, #b1c8ff, #c0d3ff, #d0deff, #dfe9ff, #eff4ff

## Shades

#688efe, #597bdd, #4b68bd, #3e569e, #304480, #243463, #182447, #0c152d, #040716, #000103

## Tones

#688efe, #6d90f4, #7191ea, #7692e0, #7a94d5, #7f94cb, #8395c1, #8895b6, #8d96ac, #9196a1

## Harmonies

- Complementary: #688efe, #be8e00
- Split: #688efe, #e17500, #8fa200
- Analogous: #688efe, #00a1f1, #a37bf0
- Triadic: #688efe, #ec6458, #37b153
- Tetradic: #688efe, #cc6bcb, #be8e00, #37b153
- Square: #688efe, #e56296, #be8e00, #00b295
- Monochromatic: #688efe, #2843ac, #4768d5, #98b8ff, #d0e2ff

## Questions about #688efe

### What color is #688efe?

#688efe is bright blue. The closest named color is Punch Out Glove. In RGB it is rgb(104, 142, 254), in HSL hsl(224.8, 98.68%, 70.2%) and in OKLCH oklch(67.226% 0.17079 267.577).

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

The complementary color of #688efe is #be8e00. For a calmer combination use the analogous colors #00a1f1 and #a37bf0. The triadic partners are #ec6458 and #37b153.

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

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

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

#688efe is a cool color. In OKLCH its hue is 268 degrees, its lightness 67.2% and its chroma 0.171.