# #678aed color: Soft Blue

#678aed is rgb(103, 138, 237) in RGB and oklch(65.348% 0.1529 267.427) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/678aed

## Formats

| Format | Value |
| --- | --- |
| HEX | #678aed |
| RGB | rgb(103, 138, 237) |
| HSL | hsl(224.33, 78.82%, 66.67%) |
| HSB / HSV | hsv(224.33 56.54% 92.94%) |
| HWB | hwb(224.33 40.39% 7.06%) |
| CMYK | cmyk(57% 42% 0% 7%) |
| Lab | lab(58.39 9.75 -54.67) |
| LCH | lch(58.39 55.53 280.11) |
| OKLab | oklab(65.348% -0.00686 -0.15275) |
| OKLCH | oklch(65.348% 0.1529 267.427) |
| Display P3 | color(display-p3 0.43234 0.53731 0.90222) |
| Rec. 2020 | color(rec2020 0.44002 0.49265 0.88544) |
| Adobe RGB | color(a98-rgb 0.44604 0.5364 0.91497) |
| ProPhoto RGB | color(prophoto-rgb 0.48785 0.47231 0.8618) |
| Linear sRGB | color(srgb-linear 0.13563 0.25415 0.84687) |
| XYZ D65 | color(xyz-d65 0.29966 0.27174 0.8379) |
| XYZ D50 | color(xyz-d50 0.2782 0.26371 0.63131) |
| SwiftUI | Color(red: 0.404, green: 0.541, blue: 0.929) |
| UIKit | UIColor(red: 0.404, green: 0.541, blue: 0.929, alpha: 1) |
| Flutter / Compose | Color(0xFF678AED) |
| Android XML | #678AED |

## 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.26:1
- Contrast with black: 6.43:1

## Tints

#678aed, #7596f0, #84a2f2, #92aef5, #a1baf7, #b0c5f9, #c0d1fb, #cfddfc, #dfe8fd, #eff4fe

## Shades

#678aed, #5977ce, #4b65b0, #3d5393, #304277, #23325c, #172242, #0c142a, #040714, #000103

## Tones

#678aed, #6b8be4, #6f8ddb, #738ed2, #778ec9, #7c8fc0, #8090b6, #8490ad, #8890a4, #8c909a

## Harmonies

- Complementary: #678aed, #b78800
- Split: #678aed, #d47411, #8a9b00
- Analogous: #678aed, #009be1, #9c79e1
- Triadic: #678aed, #de665a, #42a956
- Tetradic: #678aed, #c06bc0, #b78800, #42a956
- Square: #678aed, #d76391, #b78800, #00ab8f
- Monochromatic: #678aed, #27419d, #4665c4, #8fb1ff, #c7dbff

## Questions about #678aed

### What color is #678aed?

#678aed is bright blue. The closest named color is Soft Blue. In RGB it is rgb(103, 138, 237), in HSL hsl(224.33, 78.82%, 66.67%) and in OKLCH oklch(65.348% 0.1529 267.427).

### What colors go well with #678aed?

The complementary color of #678aed is #b78800. For a calmer combination use the analogous colors #009be1 and #9c79e1. The triadic partners are #de665a and #42a956.

### Is white or black text more readable on #678aed?

Black text reads better on #678aed: white gives a contrast ratio of 3.26:1 and black gives 6.43:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #678aed a warm or cool color?

#678aed is a cool color. In OKLCH its hue is 267 degrees, its lightness 65.3% and its chroma 0.153.