# #396188 color: Functional Blue

#396188 is rgb(57, 97, 136) in RGB and oklch(48.08% 0.07789 249.162) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #396188 |
| RGB | rgb(57, 97, 136) |
| HSL | hsl(209.62, 40.93%, 37.84%) |
| HSB / HSV | hsv(209.62 58.09% 53.33%) |
| HWB | hwb(209.62 22.35% 46.67%) |
| CMYK | cmyk(58% 29% 0% 47%) |
| Lab | lab(39.53 -5.16 -26.4) |
| LCH | lch(39.53 26.9 258.94) |
| OKLab | oklab(48.08% -0.02771 -0.07279) |
| OKLCH | oklch(48.08% 0.07789 249.162) |
| Display P3 | color(display-p3 0.25977 0.37641 0.52052) |
| Rec. 2020 | color(rec2020 0.24481 0.31695 0.46998) |
| Adobe RGB | color(a98-rgb 0.28512 0.38066 0.52359) |
| ProPhoto RGB | color(prophoto-rgb 0.27159 0.30126 0.43966) |
| Linear sRGB | color(srgb-linear 0.04092 0.11954 0.2462) |
| XYZ D65 | color(xyz-d65 0.10405 0.11196 0.24906) |
| XYZ D50 | color(xyz-d50 0.09911 0.10972 0.18799) |
| SwiftUI | Color(red: 0.224, green: 0.38, blue: 0.533) |
| UIKit | UIColor(red: 0.224, green: 0.38, blue: 0.533, alpha: 1) |
| Flutter / Compose | Color(0xFF396188) |
| Android XML | #396188 |

## Facts

- Closest name: Functional Blue
- Hue family: Blue, dusty dark blue
- Closest Tailwind class: cyan-800
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 6.48:1
- Contrast with black: 3.24:1

## Tints

#396188, #4c7094, #5f7fa0, #728eab, #859eb7, #99aec3, #acbdcf, #c1cedb, #d5dee7, #eaeef3

## Shades

#396188, #305375, #284663, #1f3952, #172d41, #102131, #091522, #040b13, #010306, #000001

## Tones

#396188, #3d6184, #426180, #46617c, #496077, #4d6073, #51606f, #545f6b, #575f66, #5b5e62

## Harmonies

- Complementary: #396188, #7a5529
- Split: #396188, #834e3c, #695e25
- Analogous: #396188, #1b687c, #555989
- Triadic: #396188, #834a54, #506635
- Tetradic: #396188, #6b517f, #7a5529, #506635
- Square: #396188, #7b4c6c, #7a5529, #326b4e
- Monochromatic: #396188, #002042, #174064, #5b84ad, #7fa9d4

## Questions about #396188

### What color is #396188?

#396188 is dusty dark blue. The closest named color is Functional Blue. In RGB it is rgb(57, 97, 136), in HSL hsl(209.62, 40.93%, 37.84%) and in OKLCH oklch(48.08% 0.07789 249.162).

### What colors go well with #396188?

The complementary color of #396188 is #7a5529. For a calmer combination use the analogous colors #1b687c and #555989. The triadic partners are #834a54 and #506635.

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

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

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

#396188 is a cool color. In OKLCH its hue is 249 degrees, its lightness 48.1% and its chroma 0.078.