# #557ca0 color: Biedermeier Blue

#557ca0 is rgb(85, 124, 160) in RGB and oklch(57.201% 0.07104 247.196) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/557ca0

## Formats

| Format | Value |
| --- | --- |
| HEX | #557ca0 |
| RGB | rgb(85, 124, 160) |
| HSL | hsl(208.8, 30.61%, 48.04%) |
| HSB / HSV | hsv(208.8 46.88% 62.75%) |
| HWB | hwb(208.8 33.33% 37.25%) |
| CMYK | cmyk(47% 22% 0% 37%) |
| Lab | lab(50.22 -6.42 -23.97) |
| LCH | lch(50.22 24.81 255.01) |
| OKLab | oklab(57.201% -0.02754 -0.06549) |
| OKLCH | oklch(57.201% 0.07104 247.196) |
| Display P3 | color(display-p3 0.36636 0.48214 0.6149) |
| Rec. 2020 | color(rec2020 0.35245 0.42823 0.57188) |
| Adobe RGB | color(a98-rgb 0.38475 0.48273 0.61666) |
| ProPhoto RGB | color(prophoto-rgb 0.36632 0.40312 0.53968) |
| Linear sRGB | color(srgb-linear 0.09084 0.20156 0.35153) |
| XYZ D65 | color(xyz-d65 0.17298 0.18884 0.35992) |
| XYZ D50 | color(xyz-d50 0.16754 0.18601 0.27186) |
| SwiftUI | Color(red: 0.333, green: 0.486, blue: 0.627) |
| UIKit | UIColor(red: 0.333, green: 0.486, blue: 0.627, alpha: 1) |
| Flutter / Compose | Color(0xFF557CA0) |
| Android XML | #557CA0 |

## Facts

- Closest name: Biedermeier Blue
- Hue family: Blue, dusty blue
- Closest Tailwind class: slate-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 4.4:1
- Contrast with black: 4.78:1

## Tints

#557ca0, #6589a9, #7695b3, #86a2bc, #97afc6, #a8bccf, #b9c9d9, #cad6e2, #dce4ec, #edf1f5

## Shades

#557ca0, #496b8b, #3d5a76, #314a61, #263b4e, #1c2c3b, #111e29, #081119, #020509, #000101

## Tones

#557ca0, #597c9c, #5d7b98, #607b94, #647b90, #687a8c, #6b7a88, #6e7984, #727980, #75787c

## Harmonies

- Complementary: #557ca0, #947049
- Split: #557ca0, #9d695a, #847846
- Analogous: #557ca0, #428293, #6d74a2
- Triadic: #557ca0, #9c6670, #6c8052
- Tetradic: #557ca0, #836d99, #947049, #6c8052
- Square: #557ca0, #936887, #947049, #538567
- Monochromatic: #557ca0, #123858, #33597b, #78a1c6, #9dc7ee

## Questions about #557ca0

### What color is #557ca0?

#557ca0 is dusty blue. The closest named color is Biedermeier Blue. In RGB it is rgb(85, 124, 160), in HSL hsl(208.8, 30.61%, 48.04%) and in OKLCH oklch(57.201% 0.07104 247.196).

### What colors go well with #557ca0?

The complementary color of #557ca0 is #947049. For a calmer combination use the analogous colors #428293 and #6d74a2. The triadic partners are #9c6670 and #6c8052.

### Is white or black text more readable on #557ca0?

White text reads better on #557ca0: white gives a contrast ratio of 4.4:1 and black gives 4.78:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #557ca0 a warm or cool color?

#557ca0 is a cool color. In OKLCH its hue is 247 degrees, its lightness 57.2% and its chroma 0.071.