# #679eff color: Bright light blue

#679eff is rgb(103, 158, 255) in RGB and oklch(70.491% 0.15423 261.001) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/679eff

## Formats

| Format | Value |
| --- | --- |
| HEX | #679eff |
| RGB | rgb(103, 158, 255) |
| HSL | hsl(218.29, 100%, 70.2%) |
| HSB / HSV | hsv(218.29 59.61% 100%) |
| HWB | hwb(218.29 40.39% 0%) |
| CMYK | cmyk(60% 38% 0% 0%) |
| Lab | lab(64.64 3.54 -54.64) |
| LCH | lch(64.64 54.75 273.71) |
| OKLab | oklab(70.491% -0.02412 -0.15233) |
| OKLCH | oklch(70.491% 0.15423 261.001) |
| Display P3 | color(display-p3 0.45198 0.61395 0.97205) |
| Rec. 2020 | color(rec2020 0.48016 0.57285 0.9636) |
| Adobe RGB | color(a98-rgb 0.47486 0.61386 0.98759) |
| ProPhoto RGB | color(prophoto-rgb 0.5358 0.54932 0.94779) |
| Linear sRGB | color(srgb-linear 0.13563 0.34191 1) |
| XYZ D65 | color(xyz-d65 0.35868 0.34556 0.99391) |
| XYZ D50 | color(xyz-d50 0.33391 0.33591 0.74918) |
| SwiftUI | Color(red: 0.404, green: 0.62, blue: 1) |
| UIKit | UIColor(red: 0.404, green: 0.62, blue: 1, alpha: 1) |
| Flutter / Compose | Color(0xFF679EFF) |
| Android XML | #679EFF |

## Facts

- Closest name: Bright light blue
- Hue family: Blue, bright light blue
- Closest Tailwind class: blue-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.65:1
- Contrast with black: 7.91:1

## Tints

#679eff, #76a8ff, #85b2ff, #94bcff, #a3c6ff, #b2d0ff, #c2d9ff, #d1e3ff, #e0ecff, #eff6ff

## Shades

#679eff, #5989de, #4b74be, #3d609e, #304d80, #233a63, #172948, #0c182e, #040916, #000103

## Tones

#679eff, #6d9ff6, #73a0ed, #79a0e3, #7fa1da, #85a1d1, #8aa1c7, #90a1bd, #95a1b4, #9ba0aa

## Harmonies

- Complementary: #679eff, #d09300
- Split: #679eff, #ea8039, #a5a804
- Analogous: #679eff, #00afee, #a18cf8
- Triadic: #679eff, #f17475, #65b758
- Tetradic: #679eff, #cb7dda, #d09300, #65b758
- Square: #679eff, #e673ac, #d09300, #00be93
- Monochromatic: #679eff, #2154ae, #4478d6, #9ec6ff, #dbeeff

## Questions about #679eff

### What color is #679eff?

#679eff is bright light blue. The closest named color is Bright light blue. In RGB it is rgb(103, 158, 255), in HSL hsl(218.29, 100%, 70.2%) and in OKLCH oklch(70.491% 0.15423 261.001).

### What colors go well with #679eff?

The complementary color of #679eff is #d09300. For a calmer combination use the analogous colors #00afee and #a18cf8. The triadic partners are #f17475 and #65b758.

### Is white or black text more readable on #679eff?

Black text reads better on #679eff: white gives a contrast ratio of 2.65:1 and black gives 7.91:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #679eff a warm or cool color?

#679eff is a cool color. In OKLCH its hue is 261 degrees, its lightness 70.5% and its chroma 0.154.