# #678bd4 color: Livid

#678bd4 is rgb(103, 139, 212) in RGB and oklch(64.159% 0.1174 263.479) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #678bd4 |
| RGB | rgb(103, 139, 212) |
| HSL | hsl(220.18, 55.9%, 61.76%) |
| HSB / HSV | hsv(220.18 51.42% 83.14%) |
| HWB | hwb(220.18 40.39% 16.86%) |
| CMYK | cmyk(51% 34% 0% 17%) |
| Lab | lab(57.58 2.86 -42.06) |
| LCH | lch(57.58 42.16 273.89) |
| OKLab | oklab(64.159% -0.01333 -0.11664) |
| OKLCH | oklch(64.159% 0.1174 263.479) |
| Display P3 | color(display-p3 0.43327 0.54114 0.80974) |
| Rec. 2020 | color(rec2020 0.43187 0.4943 0.78374) |
| Adobe RGB | color(a98-rgb 0.44742 0.54026 0.81744) |
| ProPhoto RGB | color(prophoto-rgb 0.4625 0.4705 0.75464) |
| Linear sRGB | color(srgb-linear 0.13563 0.25818 0.65837) |
| XYZ D65 | color(xyz-d65 0.26708 0.26101 0.6592) |
| XYZ D50 | color(xyz-d50 0.25278 0.25518 0.4971) |
| SwiftUI | Color(red: 0.404, green: 0.545, blue: 0.831) |
| UIKit | UIColor(red: 0.404, green: 0.545, blue: 0.831, alpha: 1) |
| Flutter / Compose | Color(0xFF678BD4) |
| Android XML | #678BD4 |

## Facts

- Closest name: Livid
- Hue family: Blue, soft blue
- Closest Tailwind class: indigo-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.38:1
- Contrast with black: 6.22:1

## Tints

#678bd4, #7597d9, #84a2de, #93aee2, #a2b9e7, #b1c5eb, #c0d0f0, #d0dcf4, #dfe8f8, #eff3fb

## Shades

#678bd4, #5978b8, #4b669d, #3d5483, #304369, #233251, #17233a, #0c1424, #040710, #000102

## Tones

#678bd4, #6b8ccd, #6f8cc6, #738cbf, #768db8, #7a8db1, #7e8daa, #828da3, #858d9b, #898d94

## Harmonies

- Complementary: #678bd4, #af8528
- Split: #678bd4, #c37743, #8d9436
- Analogous: #678bd4, #2f98c8, #907ecd
- Triadic: #678bd4, #ca6e6a, #5e9f5c
- Tetradic: #678bd4, #af73b5, #af8528, #5e9f5c
- Square: #678bd4, #c36d92, #af8528, #1ba386
- Monochromatic: #678bd4, #254487, #4567ad, #8bb1fd, #bdd8ff

## Questions about #678bd4

### What color is #678bd4?

#678bd4 is soft blue. The closest named color is Livid. In RGB it is rgb(103, 139, 212), in HSL hsl(220.18, 55.9%, 61.76%) and in OKLCH oklch(64.159% 0.1174 263.479).

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

The complementary color of #678bd4 is #af8528. For a calmer combination use the analogous colors #2f98c8 and #907ecd. The triadic partners are #ca6e6a and #5e9f5c.

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

White text reads better on #678bd4: white gives a contrast ratio of 3.38:1 and black gives 6.22:1. WCAG AA asks for at least 4.5:1 for body text.

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

#678bd4 is a cool color. In OKLCH its hue is 263 degrees, its lightness 64.2% and its chroma 0.117.