# #505e89 color: Indigo Navy Blue

#505e89 is rgb(80, 94, 137) in RGB and oklch(48.873% 0.0715 269.828) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/505e89

## Formats

| Format | Value |
| --- | --- |
| HEX | #505e89 |
| RGB | rgb(80, 94, 137) |
| HSL | hsl(225.26, 26.27%, 42.55%) |
| HSB / HSV | hsv(225.26 41.61% 53.73%) |
| HWB | hwb(225.26 31.37% 46.27%) |
| CMYK | cmyk(42% 31% 0% 46%) |
| Lab | lab(40.12 3.4 -25.96) |
| LCH | lch(40.12 26.18 277.47) |
| OKLab | oklab(48.873% -0.00021 -0.0715) |
| OKLCH | oklch(48.873% 0.0715 269.828) |
| Display P3 | color(display-p3 0.3243 0.36696 0.52432) |
| Rec. 2020 | color(rec2020 0.28726 0.31002 0.47385) |
| Adobe RGB | color(a98-rgb 0.33331 0.36945 0.52701) |
| ProPhoto RGB | color(prophoto-rgb 0.30011 0.29737 0.44308) |
| Linear sRGB | color(srgb-linear 0.08022 0.11193 0.25016) |
| XYZ D65 | color(xyz-d65 0.11826 0.11517 0.25268) |
| XYZ D50 | color(xyz-d50 0.11388 0.11326 0.19062) |
| SwiftUI | Color(red: 0.314, green: 0.369, blue: 0.537) |
| UIKit | UIColor(red: 0.314, green: 0.369, blue: 0.537, alpha: 1) |
| Flutter / Compose | Color(0xFF505E89) |
| Android XML | #505E89 |

## Facts

- Closest name: Indigo Navy Blue
- Hue family: Blue, dusty dark blue
- Closest Tailwind class: slate-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 6.36:1
- Contrast with black: 3.3:1

## Tints

#505e89, #606d95, #707ca0, #818cac, #929cb8, #a3acc4, #b5bccf, #c7ccdb, #d9dde7, #eceef3

## Shades

#505e89, #445176, #394464, #2e3753, #242b42, #1a1f31, #101422, #070a14, #020307, #000001

## Tones

#505e89, #525e85, #535f81, #555f7d, #565f79, #585f75, #596071, #5b606d, #5d6068, #5e6064

## Harmonies

- Complementary: #505e89, #705e2d
- Split: #505e89, #7e5635, #5b6636
- Analogous: #505e89, #376585, #665783
- Triadic: #505e89, #845048, #416c4a
- Tetradic: #505e89, #775174, #705e2d, #416c4a
- Square: #505e89, #814e5e, #705e2d, #286d61
- Monochromatic: #505e89, #141e43, #313d65, #7281ae, #95a6d5

## Questions about #505e89

### What color is #505e89?

#505e89 is dusty dark blue. The closest named color is Indigo Navy Blue. In RGB it is rgb(80, 94, 137), in HSL hsl(225.26, 26.27%, 42.55%) and in OKLCH oklch(48.873% 0.0715 269.828).

### What colors go well with #505e89?

The complementary color of #505e89 is #705e2d. For a calmer combination use the analogous colors #376585 and #665783. The triadic partners are #845048 and #416c4a.

### Is white or black text more readable on #505e89?

White text reads better on #505e89: white gives a contrast ratio of 6.36:1 and black gives 3.3:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #505e89 a warm or cool color?

#505e89 is a cool color. In OKLCH its hue is 270 degrees, its lightness 48.9% and its chroma 0.071.