# #313357 color: Haunted Dreams

#313357 is rgb(49, 51, 87) in RGB and oklch(33.713% 0.06293 280.029) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/313357

## Formats

| Format | Value |
| --- | --- |
| HEX | #313357 |
| RGB | rgb(49, 51, 87) |
| HSL | hsl(236.84, 27.94%, 26.67%) |
| HSB / HSV | hsv(236.84 43.68% 34.12%) |
| HWB | hwb(236.84 19.22% 65.88%) |
| CMYK | cmyk(44% 41% 0% 66%) |
| Lab | lab(22.42 7.14 -22.34) |
| LCH | lch(22.42 23.45 287.74) |
| OKLab | oklab(33.713% 0.01096 -0.06196) |
| OKLCH | oklch(33.713% 0.06293 280.029) |
| Display P3 | color(display-p3 0.19357 0.19975 0.33129) |
| Rec. 2020 | color(rec2020 0.14169 0.13961 0.2704) |
| Adobe RGB | color(a98-rgb 0.20726 0.21232 0.33918) |
| ProPhoto RGB | color(prophoto-rgb 0.1686 0.15436 0.25737) |
| Linear sRGB | color(srgb-linear 0.03071 0.0331 0.09531) |
| XYZ D65 | color(xyz-d65 0.0417 0.03709 0.09513) |
| XYZ D50 | color(xyz-d50 0.03978 0.03634 0.0717) |
| SwiftUI | Color(red: 0.192, green: 0.2, blue: 0.341) |
| UIKit | UIColor(red: 0.192, green: 0.2, blue: 0.341, alpha: 1) |
| Flutter / Compose | Color(0xFF313357) |
| Android XML | #313357 |

## Facts

- Closest name: Haunted Dreams
- Hue family: Indigo, muted dark indigo
- Closest Tailwind class: slate-700
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 12.06:1
- Contrast with black: 1.74:1

## Tints

#313357, #424567, #555877, #686b87, #7c7f98, #9193a8, #a6a8b9, #bbbdca, #d1d3dc, #e8e9ed

## Shades

#313357, #292b4b, #22233e, #1a1c33, #131427, #0c0d1c, #060712, #030308, #010103, #000000

## Tones

#313357, #313454, #323451, #33354e, #33354b, #343647, #343644, #353641, #36373e, #36373a

## Harmonies

- Complementary: #313357, #3f380a
- Split: #313357, #4c310d, #2c3e19
- Analogous: #313357, #1c3956, #412d4f
- Triadic: #313357, #522b1d, #13412c
- Tetradic: #313357, #4d2941, #3f380a, #13412c
- Square: #313357, #522830, #3f380a, #00413e
- Monochromatic: #313357, #04011d, #151536, #50537a, #72769f

## Questions about #313357

### What color is #313357?

#313357 is muted dark indigo. The closest named color is Haunted Dreams. In RGB it is rgb(49, 51, 87), in HSL hsl(236.84, 27.94%, 26.67%) and in OKLCH oklch(33.713% 0.06293 280.029).

### What colors go well with #313357?

The complementary color of #313357 is #3f380a. For a calmer combination use the analogous colors #1c3956 and #412d4f. The triadic partners are #522b1d and #13412c.

### Is white or black text more readable on #313357?

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

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

#313357 is a cool color. In OKLCH its hue is 280 degrees, its lightness 33.7% and its chroma 0.063.