# #31396d color: Spirit Blue

#31396d is rgb(49, 57, 109) in RGB and oklch(36.536% 0.08952 274.52) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/31396d

## Formats

| Format | Value |
| --- | --- |
| HEX | #31396d |
| RGB | rgb(49, 57, 109) |
| HSL | hsl(232, 37.97%, 30.98%) |
| HSB / HSV | hsv(232 55.05% 42.75%) |
| HWB | hwb(232 19.22% 57.25%) |
| CMYK | cmyk(55% 48% 0% 57%) |
| Lab | lab(25.39 9.31 -31.91) |
| LCH | lch(25.39 33.24 286.26) |
| OKLab | oklab(36.536% 0.00705 -0.08924) |
| OKLCH | oklch(36.536% 0.08952 274.52) |
| Display P3 | color(display-p3 0.19813 0.22257 0.41378) |
| Rec. 2020 | color(rec2020 0.1571 0.16322 0.35606) |
| Adobe RGB | color(a98-rgb 0.21381 0.23378 0.41989) |
| ProPhoto RGB | color(prophoto-rgb 0.19196 0.17426 0.33236) |
| Linear sRGB | color(srgb-linear 0.03071 0.04092 0.15293) |
| XYZ D65 | color(xyz-d65 0.0549 0.04683 0.15083) |
| XYZ D50 | color(xyz-d50 0.05103 0.04544 0.1136) |
| SwiftUI | Color(red: 0.192, green: 0.224, blue: 0.427) |
| UIKit | UIColor(red: 0.192, green: 0.224, blue: 0.427, alpha: 1) |
| Flutter / Compose | Color(0xFF31396D) |
| Android XML | #31396D |

## Facts

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

## Tints

#31396d, #424b7b, #555e8a, #687198, #7c84a7, #9098b5, #a5acc4, #bbc0d3, #d1d5e1, #e8eaf0

## Shades

#31396d, #29305e, #22284f, #1a1f41, #131733, #0c1026, #060919, #03040d, #010104, #000001

## Tones

#31396d, #323a69, #333b64, #353c5f, #363c5b, #373d56, #393d52, #3a3e4d, #3b3e48, #3d3e43

## Harmonies

- Complementary: #31396d, #4e3d00
- Split: #31396d, #5e3200, #344602
- Analogous: #31396d, #02426a, #493164
- Triadic: #31396d, #652a1c, #034c28
- Tetradic: #31396d, #5a2a51, #4e3d00, #034c28
- Square: #31396d, #642739, #4e3d00, #004c44
- Monochromatic: #31396d, #040029, #16194a, #505a92, #727db8

## Questions about #31396d

### What color is #31396d?

#31396d is soft dark indigo. The closest named color is Spirit Blue. In RGB it is rgb(49, 57, 109), in HSL hsl(232, 37.97%, 30.98%) and in OKLCH oklch(36.536% 0.08952 274.52).

### What colors go well with #31396d?

The complementary color of #31396d is #4e3d00. For a calmer combination use the analogous colors #02426a and #493164. The triadic partners are #652a1c and #034c28.

### Is white or black text more readable on #31396d?

White text reads better on #31396d: white gives a contrast ratio of 10.84:1 and black gives 1.94:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #31396d a warm or cool color?

#31396d is a cool color. In OKLCH its hue is 275 degrees, its lightness 36.5% and its chroma 0.09.