# #678dbb color: Faded Blue

#678dbb is rgb(103, 141, 187) in RGB and oklch(63.361% 0.08163 253.688) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #678dbb |
| RGB | rgb(103, 141, 187) |
| HSL | hsl(212.86, 38.18%, 56.86%) |
| HSB / HSV | hsv(212.86 44.92% 73.33%) |
| HWB | hwb(212.86 40.39% 26.67%) |
| CMYK | cmyk(45% 25% 0% 27%) |
| Lab | lab(57.2 -4.15 -28.6) |
| LCH | lch(57.2 28.9 261.74) |
| OKLab | oklab(63.361% -0.02293 -0.07835) |
| OKLCH | oklch(63.361% 0.08163 253.688) |
| Display P3 | color(display-p3 0.43514 0.54879 0.71801) |
| Rec. 2020 | color(rec2020 0.42667 0.50023 0.68387) |
| Adobe RGB | color(a98-rgb 0.45018 0.54797 0.72127) |
| ProPhoto RGB | color(prophoto-rgb 0.44153 0.47313 0.6525) |
| Linear sRGB | color(srgb-linear 0.13563 0.26636 0.49693) |
| XYZ D65 | color(xyz-d65 0.24087 0.2552 0.50672) |
| XYZ D50 | color(xyz-d50 0.23283 0.25125 0.38261) |
| SwiftUI | Color(red: 0.404, green: 0.553, blue: 0.733) |
| UIKit | UIColor(red: 0.404, green: 0.553, blue: 0.733, alpha: 1) |
| Flutter / Compose | Color(0xFF678DBB) |
| Android XML | #678DBB |

## Facts

- Closest name: Faded Blue
- Hue family: Blue, soft blue
- Closest Tailwind class: cyan-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.44:1
- Contrast with black: 6.1:1

## Tints

#678dbb, #7698c2, #84a3c9, #93afd0, #a2bad7, #b1c5de, #c1d1e4, #d0dceb, #dfe8f2, #eff3f8

## Shades

#678dbb, #597aa2, #4b678a, #3d5573, #30445c, #233346, #172332, #0c141f, #04070d, #000102

## Tones

#678dbb, #6b8db6, #6f8db1, #728dad, #768ca8, #798ca3, #7d8c9e, #808b99, #848b94, #878b8f

## Harmonies

- Complementary: #678dbb, #a88350
- Split: #678dbb, #b47a61, #938d50
- Analogous: #678dbb, #4d95af, #8484ba
- Triadic: #678dbb, #b6767b, #769562
- Tetradic: #678dbb, #9c7cad, #a88350, #769562
- Square: #678dbb, #ae7697, #a88350, #589a7d
- Monochromatic: #678dbb, #244771, #456995, #8bb2e2, #b0d9ff

## Questions about #678dbb

### What color is #678dbb?

#678dbb is soft blue. The closest named color is Faded Blue. In RGB it is rgb(103, 141, 187), in HSL hsl(212.86, 38.18%, 56.86%) and in OKLCH oklch(63.361% 0.08163 253.688).

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

The complementary color of #678dbb is #a88350. For a calmer combination use the analogous colors #4d95af and #8484ba. The triadic partners are #b6767b and #769562.

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

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

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

#678dbb is a cool color. In OKLCH its hue is 254 degrees, its lightness 63.4% and its chroma 0.082.