# #6684df color: Soft Blue

#6684df is rgb(102, 132, 223) in RGB and oklch(63.246% 0.14123 268.418) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/6684df

## Formats

| Format | Value |
| --- | --- |
| HEX | #6684df |
| RGB | rgb(102, 132, 223) |
| HSL | hsl(225.12, 65.41%, 63.73%) |
| HSB / HSV | hsv(225.12 54.26% 87.45%) |
| HWB | hwb(225.12 40% 12.55%) |
| CMYK | cmyk(54% 41% 0% 13%) |
| Lab | lab(56.06 9.24 -50.6) |
| LCH | lch(56.06 51.43 280.34) |
| OKLab | oklab(63.246% -0.0039 -0.14117) |
| OKLCH | oklch(63.246% 0.14123 268.418) |
| Display P3 | color(display-p3 0.42391 0.51427 0.84934) |
| Rec. 2020 | color(rec2020 0.42297 0.46782 0.82691) |
| Adobe RGB | color(a98-rgb 0.43554 0.51334 0.85963) |
| ProPhoto RGB | color(prophoto-rgb 0.46317 0.44771 0.79921) |
| Linear sRGB | color(srgb-linear 0.13287 0.23074 0.73791) |
| XYZ D65 | color(xyz-d65 0.27048 0.24654 0.73148) |
| XYZ D50 | color(xyz-d50 0.25239 0.23971 0.55119) |
| SwiftUI | Color(red: 0.4, green: 0.518, blue: 0.875) |
| UIKit | UIColor(red: 0.4, green: 0.518, blue: 0.875, alpha: 1) |
| Flutter / Compose | Color(0xFF6684DF) |
| Android XML | #6684DF |

## 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.54:1
- Contrast with black: 5.93:1

## Tints

#6684df, #7491e3, #839de7, #91a9eb, #a0b6ee, #b0c2f2, #bfcef5, #cfdaf8, #dfe7fa, #eff3fd

## Shades

#6684df, #5872c2, #4a60a5, #3c4f8a, #2f3f6f, #232f56, #17203d, #0c1227, #040612, #000102

## Tones

#6684df, #6985d7, #6d86cf, #7187c6, #7488be, #7889b5, #7b89ad, #7f89a4, #838a9c, #868a93

## Harmonies

- Complementary: #6684df, #ad8300
- Split: #6684df, #c7711b, #829516
- Analogous: #6684df, #0094d5, #9674d3
- Triadic: #6684df, #d26457, #41a157
- Tetradic: #6684df, #b768b4, #ad8300, #41a157
- Square: #6684df, #cc6189, #ad8300, #00a48b
- Monochromatic: #6684df, #273c90, #455fb7, #89aaff, #bed4ff

## Questions about #6684df

### What color is #6684df?

#6684df is bright blue. The closest named color is Soft Blue. In RGB it is rgb(102, 132, 223), in HSL hsl(225.12, 65.41%, 63.73%) and in OKLCH oklch(63.246% 0.14123 268.418).

### What colors go well with #6684df?

The complementary color of #6684df is #ad8300. For a calmer combination use the analogous colors #0094d5 and #9674d3. The triadic partners are #d26457 and #41a157.

### Is white or black text more readable on #6684df?

White text reads better on #6684df: white gives a contrast ratio of 3.54:1 and black gives 5.93:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #6684df a warm or cool color?

#6684df is a cool color. In OKLCH its hue is 268 degrees, its lightness 63.2% and its chroma 0.141.