# #396bbf color: Matt Blue

#396bbf is rgb(57, 107, 191) in RGB and oklch(53.662% 0.14241 260.14) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #396bbf |
| RGB | rgb(57, 107, 191) |
| HSL | hsl(217.61, 54.03%, 48.63%) |
| HSB / HSV | hsv(217.61 70.16% 74.9%) |
| HWB | hwb(217.61 22.35% 25.1%) |
| CMYK | cmyk(70% 44% 0% 25%) |
| Lab | lab(45.09 4.98 -50.04) |
| LCH | lch(45.09 50.29 275.68) |
| OKLab | oklab(53.662% -0.02439 -0.1403) |
| OKLCH | oklch(53.662% 0.14241 260.14) |
| Display P3 | color(display-p3 0.27114 0.41484 0.72587) |
| Rec. 2020 | color(rec2020 0.28481 0.36022 0.69094) |
| Adobe RGB | color(a98-rgb 0.30065 0.41823 0.73336) |
| ProPhoto RGB | color(prophoto-rgb 0.33999 0.34482 0.65654) |
| Linear sRGB | color(srgb-linear 0.04092 0.14703 0.521) |
| XYZ D65 | color(xyz-d65 0.16348 0.15146 0.51354) |
| XYZ D50 | color(xyz-d50 0.14901 0.14609 0.38689) |
| SwiftUI | Color(red: 0.224, green: 0.42, blue: 0.749) |
| UIKit | UIColor(red: 0.224, green: 0.42, blue: 0.749, alpha: 1) |
| Flutter / Compose | Color(0xFF396BBF) |
| Android XML | #396BBF |

## 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.21:1
- Contrast with black: 4.03:1

## Tints

#396bbf, #4c7ac6, #6089ce, #7398d4, #86a6db, #9ab5e2, #adc4e8, #c1d2ee, #d6e1f4, #eaf0fa

## Shades

#396bbf, #305ca6, #284e8d, #1f3f75, #17325e, #102548, #091833, #040d1f, #01040d, #000002

## Tones

#396bbf, #3f6cb7, #456daf, #4b6ea7, #506e9f, #556e97, #5a6e8f, #5f6e87, #646e7f, #696e76

## Harmonies

- Complementary: #396bbf, #946300
- Split: #396bbf, #ac4f00, #737300
- Analogous: #396bbf, #0079aa, #6f5bb9
- Triadic: #396bbf, #b1444a, #398128
- Tetradic: #396bbf, #914ea0, #946300, #398128
- Square: #396bbf, #a84579, #946300, #008462
- Monochromatic: #396bbf, #002372, #164798, #5c90e7, #82b6ff

## Questions about #396bbf

### What color is #396bbf?

#396bbf is soft blue. The closest named color is Matt Blue. In RGB it is rgb(57, 107, 191), in HSL hsl(217.61, 54.03%, 48.63%) and in OKLCH oklch(53.662% 0.14241 260.14).

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

The complementary color of #396bbf is #946300. For a calmer combination use the analogous colors #0079aa and #6f5bb9. The triadic partners are #b1444a and #398128.

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

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

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

#396bbf is a cool color. In OKLCH its hue is 260 degrees, its lightness 53.7% and its chroma 0.142.