# #577bb7 color: Blue Android Base

#577bb7 is rgb(87, 123, 183) in RGB and oklch(58.227% 0.10154 260.219) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #577bb7 |
| RGB | rgb(87, 123, 183) |
| HSL | hsl(217.5, 40%, 52.94%) |
| HSB / HSV | hsv(217.5 52.46% 71.76%) |
| HWB | hwb(217.5 34.12% 28.24%) |
| CMYK | cmyk(52% 33% 0% 28%) |
| Lab | lab(50.91 0.28 -36.15) |
| LCH | lch(50.91 36.15 270.45) |
| OKLab | oklab(58.227% -0.01725 -0.10006) |
| OKLCH | oklch(58.227% 0.10154 260.219) |
| Display P3 | color(display-p3 0.37117 0.47848 0.6994) |
| Rec. 2020 | color(rec2020 0.36249 0.42639 0.66284) |
| Adobe RGB | color(a98-rgb 0.38788 0.47891 0.70403) |
| ProPhoto RGB | color(prophoto-rgb 0.38856 0.40408 0.62953) |
| Linear sRGB | color(srgb-linear 0.09531 0.19807 0.47353) |
| XYZ D65 | color(xyz-d65 0.19559 0.1961 0.47556) |
| XYZ D50 | color(xyz-d50 0.1856 0.1919 0.3587) |
| SwiftUI | Color(red: 0.341, green: 0.482, blue: 0.718) |
| UIKit | UIColor(red: 0.341, green: 0.482, blue: 0.718, alpha: 1) |
| Flutter / Compose | Color(0xFF577BB7) |
| Android XML | #577BB7 |

## Facts

- Closest name: Blue Android Base
- Hue family: Blue, soft blue
- Closest Tailwind class: slate-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 4.27:1
- Contrast with black: 4.92:1

## Tints

#577bb7, #6788bf, #7795c6, #87a2ce, #98afd5, #a8bcdc, #b9c9e3, #cad7ea, #dce4f1, #edf1f8

## Shades

#577bb7, #4b6a9f, #3e5a87, #334a70, #273a5a, #1c2c45, #121e31, #08101e, #03050c, #000102

## Tones

#577bb7, #5b7bb1, #5f7cab, #627ca5, #667ca0, #6a7c9a, #6d7c94, #717c8e, #747b87, #777b81

## Harmonies

- Complementary: #577bb7, #9a742a
- Split: #577bb7, #ab6841, #7f8031
- Analogous: #577bb7, #2a85ac, #7b70b3
- Triadic: #577bb7, #af6161, #598a4f
- Tetradic: #577bb7, #9666a0, #9a742a, #598a4f
- Square: #577bb7, #a86183, #9a742a, #298e72
- Monochromatic: #577bb7, #16366c, #365891, #7aa0de, #9fc6ff

## Questions about #577bb7

### What color is #577bb7?

#577bb7 is soft blue. The closest named color is Blue Android Base. In RGB it is rgb(87, 123, 183), in HSL hsl(217.5, 40%, 52.94%) and in OKLCH oklch(58.227% 0.10154 260.219).

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

The complementary color of #577bb7 is #9a742a. For a calmer combination use the analogous colors #2a85ac and #7b70b3. The triadic partners are #af6161 and #598a4f.

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

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

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

#577bb7 is a cool color. In OKLCH its hue is 260 degrees, its lightness 58.2% and its chroma 0.102.