# #485f87 color: Indigo Navy Blue

#485f87 is rgb(72, 95, 135) in RGB and oklch(48.439% 0.07063 261.12) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/485f87

## Formats

| Format | Value |
| --- | --- |
| HEX | #485f87 |
| RGB | rgb(72, 95, 135) |
| HSL | hsl(218.1, 30.43%, 40.59%) |
| HSB / HSV | hsv(218.1 46.67% 52.94%) |
| HWB | hwb(218.1 28.24% 47.06%) |
| CMYK | cmyk(47% 30% 0% 47%) |
| Lab | lab(39.77 -0.13 -25.35) |
| LCH | lch(39.77 25.35 269.7) |
| OKLab | oklab(48.439% -0.0109 -0.06978) |
| OKLCH | oklch(48.439% 0.07063 261.12) |
| Display P3 | color(display-p3 0.30076 0.36997 0.51687) |
| Rec. 2020 | color(rec2020 0.27051 0.31191 0.46602) |
| Adobe RGB | color(a98-rgb 0.31521 0.37318 0.51965) |
| ProPhoto RGB | color(prophoto-rgb 0.28762 0.29803 0.4358) |
| Linear sRGB | color(srgb-linear 0.0648 0.11444 0.24228) |
| XYZ D65 | color(xyz-d65 0.11137 0.11311 0.24519) |
| XYZ D50 | color(xyz-d50 0.107 0.11114 0.18502) |
| SwiftUI | Color(red: 0.282, green: 0.373, blue: 0.529) |
| UIKit | UIColor(red: 0.282, green: 0.373, blue: 0.529, alpha: 1) |
| Flutter / Compose | Color(0xFF485F87) |
| Android XML | #485F87 |

## 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.44:1
- Contrast with black: 3.26:1

## Tints

#485f87, #596e93, #6a7d9f, #7b8dab, #8d9cb6, #9facc2, #b2bcce, #c5cddb, #d8dde7, #ebeef3

## Shades

#485f87, #3d5275, #334463, #293851, #1f2c41, #162031, #0d1521, #060a13, #020306, #000001

## Tones

#485f87, #4a5f83, #4d5f7f, #4f5f7b, #515f77, #545f73, #565f6f, #585f6b, #5a5f67, #5d5f63

## Harmonies

- Complementary: #485f87, #735b2d
- Split: #485f87, #7f5339, #606331
- Analogous: #485f87, #306680, #5f5884
- Triadic: #485f87, #824e4d, #486943
- Tetradic: #485f87, #715177, #735b2d, #486943
- Square: #485f87, #7d4e64, #735b2d, #2e6c5a
- Monochromatic: #485f87, #0b1f41, #293e63, #6a82ac, #8da7d3

## Questions about #485f87

### What color is #485f87?

#485f87 is dusty dark blue. The closest named color is Indigo Navy Blue. In RGB it is rgb(72, 95, 135), in HSL hsl(218.1, 30.43%, 40.59%) and in OKLCH oklch(48.439% 0.07063 261.12).

### What colors go well with #485f87?

The complementary color of #485f87 is #735b2d. For a calmer combination use the analogous colors #306680 and #5f5884. The triadic partners are #824e4d and #486943.

### Is white or black text more readable on #485f87?

White text reads better on #485f87: white gives a contrast ratio of 6.44:1 and black gives 3.26:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #485f87 a warm or cool color?

#485f87 is a cool color. In OKLCH its hue is 261 degrees, its lightness 48.4% and its chroma 0.071.