# #313a64 color: Blue Depths

#313a64 is rgb(49, 58, 100) in RGB and oklch(36.165% 0.07356 273.065) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/313a64

## Formats

| Format | Value |
| --- | --- |
| HEX | #313a64 |
| RGB | rgb(49, 58, 100) |
| HSL | hsl(229.41, 34.23%, 29.22%) |
| HSB / HSV | hsv(229.41 51% 39.22%) |
| HWB | hwb(229.41 19.22% 60.78%) |
| CMYK | cmyk(51% 42% 0% 61%) |
| Lab | lab(25.23 6.13 -26.4) |
| LCH | lch(25.23 27.1 283.07) |
| OKLab | oklab(36.165% 0.00393 -0.07345) |
| OKLCH | oklch(36.165% 0.07356 273.065) |
| Display P3 | color(display-p3 0.19893 0.22638 0.38052) |
| Rec. 2020 | color(rec2020 0.15521 0.16603 0.32149) |
| Adobe RGB | color(a98-rgb 0.21496 0.23738 0.38696) |
| ProPhoto RGB | color(prophoto-rgb 0.18538 0.17538 0.30187) |
| Linear sRGB | color(srgb-linear 0.03071 0.04231 0.12744) |
| XYZ D65 | color(xyz-d65 0.0508 0.04599 0.12677) |
| XYZ D50 | color(xyz-d50 0.04792 0.04489 0.09554) |
| SwiftUI | Color(red: 0.192, green: 0.227, blue: 0.392) |
| UIKit | UIColor(red: 0.192, green: 0.227, blue: 0.392, alpha: 1) |
| Flutter / Compose | Color(0xFF313A64) |
| Android XML | #313A64 |

## Facts

- Closest name: Blue Depths
- Hue family: Indigo, muted dark indigo
- Closest Tailwind class: slate-700
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 10.94:1
- Contrast with black: 1.92:1

## Tints

#313a64, #434c73, #555e82, #687191, #7c84a0, #9198b0, #a6abbf, #bbc0cf, #d1d5df, #e8eaef

## Shades

#313a64, #293156, #222848, #1a203b, #13182e, #0c1022, #060916, #03040b, #010103, #000000

## Tones

#313a64, #323b60, #333b5d, #353c59, #363c55, #373c51, #383d4d, #3a3d49, #3b3d46, #3c3d42

## Harmonies

- Complementary: #313a64, #4b3c01
- Split: #313a64, #58340c, #364412
- Analogous: #313a64, #134161, #45335d
- Triadic: #313a64, #5e2d23, #18482a
- Tetradic: #313a64, #542e4e, #4b3c01, #18482a
- Square: #313a64, #5d2b3a, #4b3c01, #004a41
- Monochromatic: #313a64, #030122, #151b42, #505b88, #727ead

## Questions about #313a64

### What color is #313a64?

#313a64 is muted dark indigo. The closest named color is Blue Depths. In RGB it is rgb(49, 58, 100), in HSL hsl(229.41, 34.23%, 29.22%) and in OKLCH oklch(36.165% 0.07356 273.065).

### What colors go well with #313a64?

The complementary color of #313a64 is #4b3c01. For a calmer combination use the analogous colors #134161 and #45335d. The triadic partners are #5e2d23 and #18482a.

### Is white or black text more readable on #313a64?

White text reads better on #313a64: white gives a contrast ratio of 10.94:1 and black gives 1.92:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #313a64 a warm or cool color?

#313a64 is a cool color. In OKLCH its hue is 273 degrees, its lightness 36.2% and its chroma 0.074.