# #577eda color: Soft blue

#577eda is rgb(87, 126, 218) in RGB and oklch(60.863% 0.14658 265.054) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/577eda

## Formats

| Format | Value |
| --- | --- |
| HEX | #577eda |
| RGB | rgb(87, 126, 218) |
| HSL | hsl(222.14, 63.9%, 59.8%) |
| HSB / HSV | hsv(222.14 60.09% 85.49%) |
| HWB | hwb(222.14 34.12% 14.51%) |
| CMYK | cmyk(60% 42% 0% 15%) |
| Lab | lab(53.31 7.82 -52.23) |
| LCH | lch(53.31 52.81 278.51) |
| OKLab | oklab(60.863% -0.01264 -0.14604) |
| OKLCH | oklch(60.863% 0.14658 265.054) |
| Display P3 | color(display-p3 0.37409 0.48997 0.82953) |
| Rec. 2020 | color(rec2020 0.38107 0.44113 0.80492) |
| Adobe RGB | color(a98-rgb 0.39211 0.49037 0.83962) |
| ProPhoto RGB | color(prophoto-rgb 0.42889 0.42171 0.77561) |
| Linear sRGB | color(srgb-linear 0.09531 0.20864 0.7011) |
| XYZ D65 | color(xyz-d65 0.24044 0.22009 0.69313) |
| XYZ D50 | color(xyz-d50 0.22223 0.21327 0.52224) |
| SwiftUI | Color(red: 0.341, green: 0.494, blue: 0.855) |
| UIKit | UIColor(red: 0.341, green: 0.494, blue: 0.855, alpha: 1) |
| Flutter / Compose | Color(0xFF577EDA) |
| Android XML | #577EDA |

## 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.89:1
- Contrast with black: 5.4:1

## Tints

#577eda, #678bdf, #7798e3, #87a5e7, #97b2ec, #a8bfef, #b9ccf3, #cad9f6, #dce5f9, #edf2fc

## Shades

#577eda, #4b6dbd, #3e5ca2, #334c87, #273c6c, #1c2d54, #121f3c, #081125, #030511, #000102

## Tones

#577eda, #5c7fd2, #6080c9, #6481c1, #6982b8, #6d82af, #7283a7, #76839e, #7a8395, #7e838c

## Harmonies

- Complementary: #577eda, #aa7a00
- Split: #577eda, #c3660d, #818c00
- Analogous: #577eda, #008ecd, #8a6ed0
- Triadic: #577eda, #cc5a54, #3f9947
- Tetradic: #577eda, #ae60b2, #aa7a00, #3f9947
- Square: #577eda, #c45887, #aa7a00, #009c7e
- Monochromatic: #577eda, #18368b, #3659b2, #7aa4ff, #afcdff

## Questions about #577eda

### What color is #577eda?

#577eda is soft blue. The closest named color is Soft blue. In RGB it is rgb(87, 126, 218), in HSL hsl(222.14, 63.9%, 59.8%) and in OKLCH oklch(60.863% 0.14658 265.054).

### What colors go well with #577eda?

The complementary color of #577eda is #aa7a00. For a calmer combination use the analogous colors #008ecd and #8a6ed0. The triadic partners are #cc5a54 and #3f9947.

### Is white or black text more readable on #577eda?

White text reads better on #577eda: white gives a contrast ratio of 3.89:1 and black gives 5.4:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #577eda a warm or cool color?

#577eda is a cool color. In OKLCH its hue is 265 degrees, its lightness 60.9% and its chroma 0.147.