# #557bbf color: Blue Android Base

#557bbf is rgb(85, 123, 191) in RGB and oklch(58.546% 0.11349 261.363) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #557bbf |
| RGB | rgb(85, 123, 191) |
| HSL | hsl(218.49, 45.3%, 54.12%) |
| HSB / HSV | hsv(218.49 55.5% 74.9%) |
| HWB | hwb(218.49 33.33% 25.1%) |
| CMYK | cmyk(55% 36% 0% 25%) |
| Lab | lab(51.13 1.83 -40.39) |
| LCH | lch(51.13 40.43 272.6) |
| OKLab | oklab(58.546% -0.01704 -0.1122) |
| OKLCH | oklch(58.546% 0.11349 261.363) |
| Display P3 | color(display-p3 0.36537 0.47831 0.72891) |
| Rec. 2020 | color(rec2020 0.36142 0.42667 0.69487) |
| Adobe RGB | color(a98-rgb 0.38333 0.47891 0.73475) |
| ProPhoto RGB | color(prophoto-rgb 0.39363 0.4051 0.66185) |
| Linear sRGB | color(srgb-linear 0.09084 0.19807 0.521) |
| XYZ D65 | color(xyz-d65 0.20232 0.19858 0.52059) |
| XYZ D50 | color(xyz-d50 0.19044 0.19379 0.39254) |
| SwiftUI | Color(red: 0.333, green: 0.482, blue: 0.749) |
| UIKit | UIColor(red: 0.333, green: 0.482, blue: 0.749, alpha: 1) |
| Flutter / Compose | Color(0xFF557BBF) |
| Android XML | #557BBF |

## 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.22:1
- Contrast with black: 4.97:1

## Tints

#557bbf, #6588c6, #7595cd, #86a2d4, #96afda, #a7bce1, #b8cae7, #cad7ed, #dbe4f3, #edf2f9

## Shades

#557bbf, #496aa6, #3d5a8d, #314a75, #263a5e, #1c2c48, #111e33, #08101f, #02050d, #000102

## Tones

#557bbf, #597cb9, #5d7cb2, #617cab, #657ca5, #697d9e, #6d7d97, #717c91, #747c8a, #787c83

## Harmonies

- Complementary: #557bbf, #9e7417
- Split: #557bbf, #b06637, #7f8225
- Analogous: #557bbf, #1587b3, #7d6eba
- Triadic: #557bbf, #b65e5e, #538c4b
- Tetradic: #557bbf, #9b64a4, #9e7417, #538c4b
- Square: #557bbf, #ae5e84, #9e7417, #049173
- Monochromatic: #557bbf, #143573, #345798, #78a0e7, #9ec6ff

## Questions about #557bbf

### What color is #557bbf?

#557bbf is soft blue. The closest named color is Blue Android Base. In RGB it is rgb(85, 123, 191), in HSL hsl(218.49, 45.3%, 54.12%) and in OKLCH oklch(58.546% 0.11349 261.363).

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

The complementary color of #557bbf is #9e7417. For a calmer combination use the analogous colors #1587b3 and #7d6eba. The triadic partners are #b65e5e and #538c4b.

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

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

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

#557bbf is a cool color. In OKLCH its hue is 261 degrees, its lightness 58.5% and its chroma 0.113.