# #313f55 color: Winter Sea

#313f55 is rgb(49, 63, 85) in RGB and oklch(36.515% 0.04245 259.274) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #313f55 |
| RGB | rgb(49, 63, 85) |
| HSL | hsl(216.67, 26.87%, 26.27%) |
| HSB / HSV | hsv(216.67 42.35% 33.33%) |
| HWB | hwb(216.67 19.22% 66.67%) |
| CMYK | cmyk(42% 26% 0% 67%) |
| Lab | lab(26.15 -0.96 -15.26) |
| LCH | lch(26.15 15.29 266.42) |
| OKLab | oklab(36.515% -0.0079 -0.04171) |
| OKLCH | oklch(36.515% 0.04245 259.274) |
| Display P3 | color(display-p3 0.20312 0.24546 0.32611) |
| Rec. 2020 | color(rec2020 0.15771 0.18329 0.2656) |
| Adobe RGB | color(a98-rgb 0.22091 0.25542 0.33313) |
| ProPhoto RGB | color(prophoto-rgb 0.17952 0.1872 0.25421) |
| Linear sRGB | color(srgb-linear 0.03071 0.04971 0.09084) |
| XYZ D65 | color(xyz-d65 0.04684 0.04864 0.09287) |
| XYZ D50 | color(xyz-d50 0.04554 0.04797 0.07012) |
| SwiftUI | Color(red: 0.192, green: 0.247, blue: 0.333) |
| UIKit | UIColor(red: 0.192, green: 0.247, blue: 0.333, alpha: 1) |
| Flutter / Compose | Color(0xFF313F55) |
| Android XML | #313F55 |

## Facts

- Closest name: Winter Sea
- Hue family: Blue, muted dark blue
- Closest Tailwind class: slate-700
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 10.64:1
- Contrast with black: 1.97:1

## Tints

#313f55, #435065, #566275, #697485, #7d8796, #919aa7, #a6adb8, #bcc1c9, #d2d5db, #e8eaed

## Shades

#313f55, #293549, #222c3d, #1a2331, #131b26, #0c121c, #060a11, #030408, #010102, #000000

## Tones

#313f55, #323f53, #343f51, #353f4e, #373f4c, #383f4a, #393f48, #3a3f45, #3c3f43, #3d3e41

## Harmonies

- Complementary: #313f55, #4a3c24
- Split: #313f55, #51382a, #404026
- Analogous: #313f55, #254350, #3e3b54
- Triadic: #313f55, #533535, #33442e
- Tetradic: #313f55, #48374d, #4a3c24, #33442e
- Square: #313f55, #503542, #4a3c24, #26463b
- Monochromatic: #313f55, #010617, #142135, #516077, #73839c

## Questions about #313f55

### What color is #313f55?

#313f55 is muted dark blue. The closest named color is Winter Sea. In RGB it is rgb(49, 63, 85), in HSL hsl(216.67, 26.87%, 26.27%) and in OKLCH oklch(36.515% 0.04245 259.274).

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

The complementary color of #313f55 is #4a3c24. For a calmer combination use the analogous colors #254350 and #3e3b54. The triadic partners are #533535 and #33442e.

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

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

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

#313f55 is a cool color. In OKLCH its hue is 259 degrees, its lightness 36.5% and its chroma 0.042.