# #3f5367 color: Midnight Mosaic

#3f5367 is rgb(63, 83, 103) in RGB and oklch(43.386% 0.04149 248.808) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/3f5367

## Formats

| Format | Value |
| --- | --- |
| HEX | #3f5367 |
| RGB | rgb(63, 83, 103) |
| HSL | hsl(210, 24.1%, 32.55%) |
| HSB / HSV | hsv(210 38.83% 40.39%) |
| HWB | hwb(210 24.71% 59.61%) |
| CMYK | cmyk(39% 19% 0% 60%) |
| Lab | lab(34.25 -3.74 -14.26) |
| LCH | lch(34.25 14.74 255.3) |
| OKLab | oklab(43.386% -0.015 -0.03869) |
| OKLCH | oklch(43.386% 0.04149 248.808) |
| Display P3 | color(display-p3 0.26301 0.32324 0.39676) |
| Rec. 2020 | color(rec2020 0.22322 0.26231 0.33948) |
| Adobe RGB | color(a98-rgb 0.27863 0.32859 0.40042) |
| ProPhoto RGB | color(prophoto-rgb 0.23528 0.25301 0.31971) |
| Linear sRGB | color(srgb-linear 0.04971 0.0865 0.13563) |
| XYZ D65 | color(xyz-d65 0.07591 0.08222 0.1402) |
| XYZ D50 | color(xyz-d50 0.0744 0.08129 0.10595) |
| SwiftUI | Color(red: 0.247, green: 0.325, blue: 0.404) |
| UIKit | UIColor(red: 0.247, green: 0.325, blue: 0.404, alpha: 1) |
| Flutter / Compose | Color(0xFF3F5367) |
| Android XML | #3F5367 |

## Facts

- Closest name: Midnight Mosaic
- Hue family: Blue, muted dark blue
- Closest Tailwind class: slate-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 7.94:1
- Contrast with black: 2.64:1

## Tints

#3f5367, #506375, #627384, #748392, #8794a1, #9aa5b0, #adb6c0, #c1c8cf, #d6dadf, #eaecef

## Shades

#3f5367, #354759, #2c3b4b, #23303d, #1b2530, #121b23, #0a1117, #04080c, #010204, #000000

## Tones

#3f5367, #415365, #435363, #455260, #46525e, #48525c, #4a525a, #4c5258, #4d5155, #4f5153

## Harmonies

- Complementary: #3f5367, #604d38
- Split: #3f5367, #654940, #565137
- Analogous: #3f5367, #365760, #4c4f68
- Triadic: #3f5367, #65474c, #4a563d
- Tetradic: #3f5367, #574b63, #604d38, #4a563d
- Square: #3f5367, #604859, #604d38, #3d5848
- Monochromatic: #3f5367, #041626, #203346, #60758a, #8399af

## Questions about #3f5367

### What color is #3f5367?

#3f5367 is muted dark blue. The closest named color is Midnight Mosaic. In RGB it is rgb(63, 83, 103), in HSL hsl(210, 24.1%, 32.55%) and in OKLCH oklch(43.386% 0.04149 248.808).

### What colors go well with #3f5367?

The complementary color of #3f5367 is #604d38. For a calmer combination use the analogous colors #365760 and #4c4f68. The triadic partners are #65474c and #4a563d.

### Is white or black text more readable on #3f5367?

White text reads better on #3f5367: white gives a contrast ratio of 7.94:1 and black gives 2.64:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #3f5367 a warm or cool color?

#3f5367 is a cool color. In OKLCH its hue is 249 degrees, its lightness 43.4% and its chroma 0.041.