# #31386c color: Spirit Blue

#31386c is rgb(49, 56, 108) in RGB and oklch(36.243% 0.08942 275.249) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/31386c

## Formats

| Format | Value |
| --- | --- |
| HEX | #31386c |
| RGB | rgb(49, 56, 108) |
| HSL | hsl(232.88, 37.58%, 30.78%) |
| HSB / HSV | hsv(232.88 54.63% 42.35%) |
| HWB | hwb(232.88 19.22% 57.65%) |
| CMYK | cmyk(55% 48% 0% 58%) |
| Lab | lab(25.04 9.66 -31.83) |
| LCH | lch(25.04 33.27 286.89) |
| OKLab | oklab(36.243% 0.00818 -0.08904) |
| OKLCH | oklch(36.243% 0.08942 275.249) |
| Display P3 | color(display-p3 0.19734 0.21876 0.40992) |
| Rec. 2020 | color(rec2020 0.1554 0.15951 0.352) |
| Adobe RGB | color(a98-rgb 0.21268 0.23019 0.41613) |
| ProPhoto RGB | color(prophoto-rgb 0.19015 0.17136 0.32868) |
| Linear sRGB | color(srgb-linear 0.03071 0.03955 0.14996) |
| XYZ D65 | color(xyz-d65 0.05387 0.04564 0.14785) |
| XYZ D50 | color(xyz-d50 0.05008 0.04427 0.11135) |
| SwiftUI | Color(red: 0.192, green: 0.22, blue: 0.424) |
| UIKit | UIColor(red: 0.192, green: 0.22, blue: 0.424, alpha: 1) |
| Flutter / Compose | Color(0xFF31386C) |
| Android XML | #31386C |

## 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.98:1
- Contrast with black: 1.91:1

## Tints

#31386c, #424a7b, #555d89, #687098, #7c83a6, #9097b5, #a5abc4, #bbc0d2, #d1d4e1, #e8eaf0

## Shades

#31386c, #292f5d, #22274e, #1a1f40, #131732, #0c0f25, #060819, #03040d, #010104, #000000

## Tones

#31386c, #323968, #333a63, #343b5f, #363b5a, #373c55, #383c51, #393d4c, #3b3d47, #3c3d43

## Harmonies

- Complementary: #31386c, #4c3c00
- Split: #31386c, #5d3200, #334502
- Analogous: #31386c, #034169, #493063
- Triadic: #31386c, #64291a, #004b28
- Tetradic: #31386c, #592950, #4c3c00, #004b28
- Square: #31386c, #632637, #4c3c00, #004b44
- Monochromatic: #31386c, #040028, #161849, #505990, #717cb6

## Questions about #31386c

### What color is #31386c?

#31386c is soft dark indigo. The closest named color is Spirit Blue. In RGB it is rgb(49, 56, 108), in HSL hsl(232.88, 37.58%, 30.78%) and in OKLCH oklch(36.243% 0.08942 275.249).

### What colors go well with #31386c?

The complementary color of #31386c is #4c3c00. For a calmer combination use the analogous colors #034169 and #493063. The triadic partners are #64291a and #004b28.

### Is white or black text more readable on #31386c?

White text reads better on #31386c: white gives a contrast ratio of 10.98:1 and black gives 1.91:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #31386c a warm or cool color?

#31386c is a cool color. In OKLCH its hue is 275 degrees, its lightness 36.2% and its chroma 0.089.