# #5a80da color: Soft blue

#5a80da is rgb(90, 128, 218) in RGB and oklch(61.442% 0.14317 265.203) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/5a80da

## Formats

| Format | Value |
| --- | --- |
| HEX | #5a80da |
| RGB | rgb(90, 128, 218) |
| HSL | hsl(222.19, 63.37%, 60.39%) |
| HSB / HSV | hsv(222.19 58.72% 85.49%) |
| HWB | hwb(222.19 35.29% 14.51%) |
| CMYK | cmyk(59% 41% 0% 15%) |
| Lab | lab(54.03 7.36 -51.07) |
| LCH | lch(54.03 51.6 278.2) |
| OKLab | oklab(61.442% -0.01197 -0.14267) |
| OKLCH | oklch(61.442% 0.14317 265.203) |
| Display P3 | color(display-p3 0.38473 0.49789 0.82989) |
| Rec. 2020 | color(rec2020 0.39013 0.44944 0.80539) |
| Adobe RGB | color(a98-rgb 0.40178 0.49802 0.83978) |
| ProPhoto RGB | color(prophoto-rgb 0.43547 0.4294 0.77627) |
| Linear sRGB | color(srgb-linear 0.10224 0.21586 0.7011) |
| XYZ D65 | color(xyz-d65 0.24589 0.22673 0.69413) |
| XYZ D50 | color(xyz-d50 0.22804 0.22 0.52304) |
| SwiftUI | Color(red: 0.353, green: 0.502, blue: 0.855) |
| UIKit | UIColor(red: 0.353, green: 0.502, blue: 0.855, alpha: 1) |
| Flutter / Compose | Color(0xFF5A80DA) |
| Android XML | #5A80DA |

## 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.79:1
- Contrast with black: 5.53:1

## Tints

#5a80da, #698ddf, #799ae3, #89a7e7, #99b3eb, #aac0ef, #bacdf3, #cbd9f6, #dce6f9, #eef2fc

## Shades

#5a80da, #4d6ebd, #415da2, #354d87, #293d6c, #1e2e54, #131f3c, #091225, #030611, #000102

## Tones

#5a80da, #5e81d2, #6382c9, #6783c1, #6b84b9, #7084b0, #7484a8, #78859f, #7c8596, #80858d

## Harmonies

- Complementary: #5a80da, #ab7c00
- Split: #5a80da, #c46918, #828e00
- Analogous: #5a80da, #0090cd, #8c70d0
- Triadic: #5a80da, #cc5d57, #439a4b
- Tetradic: #5a80da, #af63b3, #ab7c00, #439a4b
- Square: #5a80da, #c55b88, #ab7c00, #009e80
- Monochromatic: #5a80da, #1b388b, #395cb2, #7da6ff, #b2cfff

## Questions about #5a80da

### What color is #5a80da?

#5a80da is soft blue. The closest named color is Soft blue. In RGB it is rgb(90, 128, 218), in HSL hsl(222.19, 63.37%, 60.39%) and in OKLCH oklch(61.442% 0.14317 265.203).

### What colors go well with #5a80da?

The complementary color of #5a80da is #ab7c00. For a calmer combination use the analogous colors #0090cd and #8c70d0. The triadic partners are #cc5d57 and #439a4b.

### Is white or black text more readable on #5a80da?

White text reads better on #5a80da: white gives a contrast ratio of 3.79:1 and black gives 5.53:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #5a80da a warm or cool color?

#5a80da is a cool color. In OKLCH its hue is 265 degrees, its lightness 61.4% and its chroma 0.143.