# #5680da color: Soft blue

#5680da is rgb(86, 128, 218) in RGB and oklch(61.23% 0.14458 263.8) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/5680da

## Formats

| Format | Value |
| --- | --- |
| HEX | #5680da |
| RGB | rgb(86, 128, 218) |
| HSL | hsl(220.91, 64.08%, 59.61%) |
| HSB / HSV | hsv(220.91 60.55% 85.49%) |
| HWB | hwb(220.91 33.73% 14.51%) |
| CMYK | cmyk(61% 41% 0% 15%) |
| Lab | lab(53.81 6.47 -51.43) |
| LCH | lch(53.81 51.84 277.17) |
| OKLab | oklab(61.23% -0.01561 -0.14373) |
| OKLCH | oklch(61.23% 0.14458 263.8) |
| Display P3 | color(display-p3 0.37321 0.49755 0.82981) |
| Rec. 2020 | color(rec2020 0.38239 0.44871 0.80529) |
| Adobe RGB | color(a98-rgb 0.39274 0.49802 0.83978) |
| ProPhoto RGB | color(prophoto-rgb 0.43019 0.42841 0.77616) |
| Linear sRGB | color(srgb-linear 0.09306 0.21586 0.7011) |
| XYZ D65 | color(xyz-d65 0.2421 0.22478 0.69395) |
| XYZ D50 | color(xyz-d50 0.22403 0.21795 0.52291) |
| SwiftUI | Color(red: 0.337, green: 0.502, blue: 0.855) |
| UIKit | UIColor(red: 0.337, green: 0.502, blue: 0.855, alpha: 1) |
| Flutter / Compose | Color(0xFF5680DA) |
| Android XML | #5680DA |

## Facts

- Closest name: Soft blue
- Hue family: Blue, soft blue
- Closest Tailwind class: sky-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.82:1
- Contrast with black: 5.5:1

## Tints

#5680da, #668ddf, #769ae3, #87a7e7, #97b3eb, #a8c0ef, #b9cdf3, #cad9f6, #dce6f9, #edf2fc

## Shades

#5680da, #4a6ebd, #3e5da2, #324d87, #273d6c, #1c2e54, #121f3c, #081225, #020611, #000102

## Tones

#5680da, #5b81d2, #6082c9, #6483c1, #6983b8, #6e84b0, #7284a7, #77849f, #7b8496, #7f848d

## Harmonies

- Complementary: #5680da, #ac7a00
- Split: #5680da, #c56719, #848c00
- Analogous: #5680da, #0090cc, #8970d1
- Triadic: #5680da, #cc5b58, #459946
- Tetradic: #5680da, #ad62b5, #ac7a00, #459946
- Square: #5680da, #c45a8a, #ac7a00, #009e7d
- Monochromatic: #5680da, #16388b, #355cb2, #79a6ff, #afceff

## Questions about #5680da

### What color is #5680da?

#5680da is soft blue. The closest named color is Soft blue. In RGB it is rgb(86, 128, 218), in HSL hsl(220.91, 64.08%, 59.61%) and in OKLCH oklch(61.23% 0.14458 263.8).

### What colors go well with #5680da?

The complementary color of #5680da is #ac7a00. For a calmer combination use the analogous colors #0090cc and #8970d1. The triadic partners are #cc5b58 and #459946.

### Is white or black text more readable on #5680da?

White text reads better on #5680da: white gives a contrast ratio of 3.82:1 and black gives 5.5:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #5680da a warm or cool color?

#5680da is a cool color. In OKLCH its hue is 264 degrees, its lightness 61.2% and its chroma 0.145.