# #396bbb color: Matt Blue

#396bbb is rgb(57, 107, 187) in RGB and oklch(53.402% 0.13694 259.413) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/396bbb

## Formats

| Format | Value |
| --- | --- |
| HEX | #396bbb |
| RGB | rgb(57, 107, 187) |
| HSL | hsl(216.92, 53.28%, 47.84%) |
| HSB / HSV | hsv(216.92 69.52% 73.33%) |
| HWB | hwb(216.92 22.35% 26.67%) |
| CMYK | cmyk(70% 43% 0% 27%) |
| Lab | lab(44.89 3.77 -48.06) |
| LCH | lch(44.89 48.21 274.49) |
| OKLab | oklab(53.402% -0.02516 -0.13461) |
| OKLCH | oklch(53.402% 0.13694 259.413) |
| Display P3 | color(display-p3 0.27114 0.41484 0.711) |
| Rec. 2020 | color(rec2020 0.28294 0.35983 0.67478) |
| Adobe RGB | color(a98-rgb 0.30065 0.41823 0.71795) |
| ProPhoto RGB | color(prophoto-rgb 0.33552 0.34394 0.64018) |
| Linear sRGB | color(srgb-linear 0.04092 0.14703 0.49693) |
| XYZ D65 | color(xyz-d65 0.15913 0.14972 0.49067) |
| XYZ D50 | color(xyz-d50 0.14557 0.14463 0.3697) |
| SwiftUI | Color(red: 0.224, green: 0.42, blue: 0.733) |
| UIKit | UIColor(red: 0.224, green: 0.42, blue: 0.733, alpha: 1) |
| Flutter / Compose | Color(0xFF396BBB) |
| Android XML | #396BBB |

## Facts

- Closest name: Matt Blue
- Hue family: Blue, soft blue
- Closest Tailwind class: sky-700
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 5.26:1
- Contrast with black: 3.99:1

## Tints

#396bbb, #4c7ac3, #6089ca, #7397d1, #86a6d9, #9ab5df, #adc3e6, #c1d2ed, #d6e1f3, #eaf0f9

## Shades

#396bbb, #305ca2, #284e8a, #1f3f73, #17325c, #102546, #091832, #040d1f, #01040d, #000002

## Tones

#396bbb, #3f6cb3, #456dac, #4b6da4, #506e9d, #556e95, #5a6e8d, #5f6e85, #646e7d, #686d75

## Harmonies

- Complementary: #396bbb, #946200
- Split: #396bbb, #a9500d, #747200
- Analogous: #396bbb, #0079a8, #6d5cb6
- Triadic: #396bbb, #ae464c, #3d7f2a
- Tetradic: #396bbb, #8e4f9e, #946200, #3d7f2a
- Square: #396bbb, #a54679, #946200, #008460
- Monochromatic: #396bbb, #00246e, #164794, #5c90e3, #80b6ff

## Questions about #396bbb

### What color is #396bbb?

#396bbb is soft blue. The closest named color is Matt Blue. In RGB it is rgb(57, 107, 187), in HSL hsl(216.92, 53.28%, 47.84%) and in OKLCH oklch(53.402% 0.13694 259.413).

### What colors go well with #396bbb?

The complementary color of #396bbb is #946200. For a calmer combination use the analogous colors #0079a8 and #6d5cb6. The triadic partners are #ae464c and #3d7f2a.

### Is white or black text more readable on #396bbb?

White text reads better on #396bbb: white gives a contrast ratio of 5.26:1 and black gives 3.99:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #396bbb a warm or cool color?

#396bbb is a cool color. In OKLCH its hue is 259 degrees, its lightness 53.4% and its chroma 0.137.