# #557ac3 color: Blue Android Base

#557ac3 is rgb(85, 122, 195) in RGB and oklch(58.552% 0.12018 262.858) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #557ac3 |
| RGB | rgb(85, 122, 195) |
| HSL | hsl(219.82, 47.83%, 54.9%) |
| HSB / HSV | hsv(219.82 56.41% 76.47%) |
| HWB | hwb(219.82 33.33% 23.53%) |
| CMYK | cmyk(56% 37% 0% 24%) |
| Lab | lab(51.01 3.44 -42.85) |
| LCH | lch(51.01 42.99 274.59) |
| OKLab | oklab(58.552% -0.01494 -0.11925) |
| OKLCH | oklch(58.552% 0.12018 262.858) |
| Display P3 | color(display-p3 0.36439 0.47448 0.74355) |
| Rec. 2020 | color(rec2020 0.36133 0.42313 0.71075) |
| Adobe RGB | color(a98-rgb 0.38191 0.4751 0.75007) |
| ProPhoto RGB | color(prophoto-rgb 0.39636 0.40244 0.67792) |
| Linear sRGB | color(srgb-linear 0.09084 0.19462 0.54572) |
| XYZ D65 | color(xyz-d65 0.20555 0.1979 0.54368) |
| XYZ D50 | color(xyz-d50 0.19265 0.19281 0.40986) |
| SwiftUI | Color(red: 0.333, green: 0.478, blue: 0.765) |
| UIKit | UIColor(red: 0.333, green: 0.478, blue: 0.765, alpha: 1) |
| Flutter / Compose | Color(0xFF557AC3) |
| Android XML | #557AC3 |

## Facts

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

## Tints

#557ac3, #6587ca, #7594d0, #86a2d7, #96afdd, #a7bce3, #b8c9e9, #cad7ef, #dbe4f4, #edf1fa

## Shades

#557ac3, #4969a9, #3d5990, #314978, #263a60, #1c2b4a, #111d34, #081020, #02050e, #000102

## Tones

#557ac3, #597bbc, #5d7bb5, #617cae, #657ca7, #697ca0, #6d7c99, #717c92, #747c8b, #787c83

## Harmonies

- Complementary: #557ac3, #9e7401
- Split: #557ac3, #b2652f, #7d831c
- Analogous: #557ac3, #0387b7, #7f6dbc
- Triadic: #557ac3, #b95c5a, #4d8e4a
- Tetradic: #557ac3, #9e62a5, #9e7401, #4d8e4a
- Square: #557ac3, #b15b82, #9e7401, #009275
- Monochromatic: #557ac3, #153477, #34569c, #789feb, #a1c6ff

## Questions about #557ac3

### What color is #557ac3?

#557ac3 is soft blue. The closest named color is Blue Android Base. In RGB it is rgb(85, 122, 195), in HSL hsl(219.82, 47.83%, 54.9%) and in OKLCH oklch(58.552% 0.12018 262.858).

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

The complementary color of #557ac3 is #9e7401. For a calmer combination use the analogous colors #0387b7 and #7f6dbc. The triadic partners are #b95c5a and #4d8e4a.

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

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

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

#557ac3 is a cool color. In OKLCH its hue is 263 degrees, its lightness 58.6% and its chroma 0.12.