# #313a67 color: Spirit Blue

#313a67 is rgb(49, 58, 103) in RGB and oklch(36.359% 0.07842 273.364) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #313a67 |
| RGB | rgb(49, 58, 103) |
| HSL | hsl(230, 35.53%, 29.8%) |
| HSB / HSV | hsv(230 52.43% 40.39%) |
| HWB | hwb(230 19.22% 59.61%) |
| CMYK | cmyk(52% 44% 0% 60%) |
| Lab | lab(25.38 6.96 -28.09) |
| LCH | lch(25.38 28.94 283.92) |
| OKLab | oklab(36.359% 0.0046 -0.07829) |
| OKLCH | oklch(36.359% 0.07842 273.364) |
| Display P3 | color(display-p3 0.19893 0.22638 0.39164) |
| Rec. 2020 | color(rec2020 0.15625 0.16629 0.33303) |
| Adobe RGB | color(a98-rgb 0.21496 0.23738 0.39793) |
| ProPhoto RGB | color(prophoto-rgb 0.18783 0.1759 0.312) |
| Linear sRGB | color(srgb-linear 0.03071 0.04231 0.13563) |
| XYZ D65 | color(xyz-d65 0.05228 0.04658 0.13456) |
| XYZ D50 | color(xyz-d50 0.0491 0.04539 0.10139) |
| SwiftUI | Color(red: 0.192, green: 0.227, blue: 0.404) |
| UIKit | UIColor(red: 0.192, green: 0.227, blue: 0.404, alpha: 1) |
| Flutter / Compose | Color(0xFF313A67) |
| Android XML | #313A67 |

## Facts

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

## Tints

#313a67, #424c76, #555e85, #687194, #7c84a3, #9198b2, #a6acc1, #bbc0d0, #d1d5e0, #e8eaef

## Shades

#313a67, #293159, #22284b, #1a203d, #131830, #0c1023, #060917, #03040c, #010104, #000000

## Tones

#313a67, #323b63, #333b5f, #353c5b, #363c57, #373d53, #383d4f, #3a3d4b, #3b3e47, #3d3e42

## Harmonies

- Complementary: #313a67, #4c3c00
- Split: #313a67, #5a3306, #36440e
- Analogous: #313a67, #0f4264, #473360
- Triadic: #313a67, #612d21, #144a2a
- Tetradic: #313a67, #562d4f, #4c3c00, #144a2a
- Square: #313a67, #5f2a3a, #4c3c00, #004b42
- Monochromatic: #313a67, #030024, #151b45, #505b8b, #727eb1

## Questions about #313a67

### What color is #313a67?

#313a67 is muted dark indigo. The closest named color is Spirit Blue. In RGB it is rgb(49, 58, 103), in HSL hsl(230, 35.53%, 29.8%) and in OKLCH oklch(36.359% 0.07842 273.364).

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

The complementary color of #313a67 is #4c3c00. For a calmer combination use the analogous colors #0f4264 and #473360. The triadic partners are #612d21 and #144a2a.

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

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

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

#313a67 is a cool color. In OKLCH its hue is 273 degrees, its lightness 36.4% and its chroma 0.078.