# #31386a color: Spirit Blue

#31386a is rgb(49, 56, 106) in RGB and oklch(36.104% 0.08623 275.221) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #31386a |
| RGB | rgb(49, 56, 106) |
| HSL | hsl(232.63, 36.77%, 30.39%) |
| HSB / HSV | hsv(232.63 53.77% 41.57%) |
| HWB | hwb(232.63 19.22% 58.43%) |
| CMYK | cmyk(54% 47% 0% 58%) |
| Lab | lab(24.93 9.09 -30.73) |
| LCH | lch(24.93 32.05 286.49) |
| OKLab | oklab(36.104% 0.00785 -0.08587) |
| OKLCH | oklch(36.104% 0.08623 275.221) |
| Display P3 | color(display-p3 0.19734 0.21876 0.40249) |
| Rec. 2020 | color(rec2020 0.15465 0.15931 0.34425) |
| Adobe RGB | color(a98-rgb 0.21268 0.23019 0.40878) |
| ProPhoto RGB | color(prophoto-rgb 0.18842 0.17099 0.32179) |
| Linear sRGB | color(srgb-linear 0.03071 0.03955 0.14413) |
| XYZ D65 | color(xyz-d65 0.05282 0.04522 0.14231) |
| XYZ D50 | color(xyz-d50 0.04925 0.04392 0.10719) |
| SwiftUI | Color(red: 0.192, green: 0.22, blue: 0.416) |
| UIKit | UIColor(red: 0.192, green: 0.22, blue: 0.416, alpha: 1) |
| Flutter / Compose | Color(0xFF31386A) |
| Android XML | #31386A |

## 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: 11.03:1
- Contrast with black: 1.9:1

## Tints

#31386a, #424a79, #555d87, #687096, #7c83a5, #9097b4, #a5abc3, #bbbfd2, #d1d4e1, #e8e9f0

## Shades

#31386a, #292f5b, #22274d, #1a1f3f, #131731, #0c0f24, #060818, #03040d, #010104, #000000

## Tones

#31386a, #323966, #333a61, #343a5d, #353b59, #373c54, #383c50, #393d4b, #3b3d47, #3c3d42

## Harmonies

- Complementary: #31386a, #4c3c00
- Split: #31386a, #5b3200, #334506
- Analogous: #31386a, #074167, #483061
- Triadic: #31386a, #632a1c, #044a29
- Tetradic: #31386a, #582a4f, #4c3c00, #044a29
- Square: #31386a, #612737, #4c3c00, #004b43
- Monochromatic: #31386a, #040026, #161847, #50598e, #727cb4

## Questions about #31386a

### What color is #31386a?

#31386a is soft dark indigo. The closest named color is Spirit Blue. In RGB it is rgb(49, 56, 106), in HSL hsl(232.63, 36.77%, 30.39%) and in OKLCH oklch(36.104% 0.08623 275.221).

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

The complementary color of #31386a is #4c3c00. For a calmer combination use the analogous colors #074167 and #483061. The triadic partners are #632a1c and #044a29.

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

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

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

#31386a is a cool color. In OKLCH its hue is 275 degrees, its lightness 36.1% and its chroma 0.086.