# #455683 color: True Navy

#455683 is rgb(69, 86, 131) in RGB and oklch(45.943% 0.07676 267.589) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/455683

## Formats

| Format | Value |
| --- | --- |
| HEX | #455683 |
| RGB | rgb(69, 86, 131) |
| HSL | hsl(223.55, 31%, 39.22%) |
| HSB / HSV | hsv(223.55 47.33% 51.37%) |
| HWB | hwb(223.55 27.06% 48.63%) |
| CMYK | cmyk(47% 34% 0% 49%) |
| Lab | lab(36.69 3.22 -27.73) |
| LCH | lch(36.69 27.92 276.63) |
| OKLab | oklab(45.943% -0.00323 -0.07669) |
| OKLCH | oklch(45.943% 0.07676 267.589) |
| Display P3 | color(display-p3 0.28379 0.33529 0.5004) |
| Rec. 2020 | color(rec2020 0.24911 0.27687 0.44818) |
| Adobe RGB | color(a98-rgb 0.29663 0.33969 0.50384) |
| ProPhoto RGB | color(prophoto-rgb 0.26905 0.26811 0.4184) |
| Linear sRGB | color(srgb-linear 0.05951 0.09306 0.22697) |
| XYZ D65 | color(xyz-d65 0.09878 0.09559 0.22798) |
| XYZ D50 | color(xyz-d50 0.09427 0.09371 0.17194) |
| SwiftUI | Color(red: 0.271, green: 0.337, blue: 0.514) |
| UIKit | UIColor(red: 0.271, green: 0.337, blue: 0.514, alpha: 1) |
| Flutter / Compose | Color(0xFF455683) |
| Android XML | #455683 |

## Facts

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

## Tints

#455683, #56668f, #67769c, #7886a8, #8a97b4, #9da7c1, #b0b8cd, #c3cad9, #d7dbe6, #ebedf2

## Shades

#455683, #3b4a71, #313e60, #27324f, #1e273f, #151c2f, #0c1220, #050812, #020206, #000001

## Tones

#455683, #47567f, #49577b, #4b5776, #4d5772, #4e576e, #50586a, #525865, #545861, #56585c

## Harmonies

- Complementary: #455683, #6a551f
- Split: #455683, #784c2a, #545d28
- Analogous: #455683, #285e7d, #5d4e7d
- Triadic: #455683, #7d4640, #38643f
- Tetradic: #455683, #6f486e, #6a551f, #38643f
- Square: #455683, #7a4558, #6a551f, #176657
- Monochromatic: #455683, #0b163d, #26355f, #6679a8, #899dcf

## Questions about #455683

### What color is #455683?

#455683 is dusty dark blue. The closest named color is True Navy. In RGB it is rgb(69, 86, 131), in HSL hsl(223.55, 31%, 39.22%) and in OKLCH oklch(45.943% 0.07676 267.589).

### What colors go well with #455683?

The complementary color of #455683 is #6a551f. For a calmer combination use the analogous colors #285e7d and #5d4e7d. The triadic partners are #7d4640 and #38643f.

### Is white or black text more readable on #455683?

White text reads better on #455683: white gives a contrast ratio of 7.21:1 and black gives 2.91:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #455683 a warm or cool color?

#455683 is a cool color. In OKLCH its hue is 268 degrees, its lightness 45.9% and its chroma 0.077.