# #397cd4 color: Soothing Sapphire

#397cd4 is rgb(57, 124, 212) in RGB and oklch(58.739% 0.15118 256.372) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/397cd4

## Formats

| Format | Value |
| --- | --- |
| HEX | #397cd4 |
| RGB | rgb(57, 124, 212) |
| HSL | hsl(214.06, 64.32%, 52.75%) |
| HSB / HSV | hsv(214.06 73.11% 83.14%) |
| HWB | hwb(214.06 22.35% 16.86%) |
| CMYK | cmyk(73% 42% 0% 17%) |
| Lab | lab(51.1 1.58 -52.46) |
| LCH | lch(51.1 52.48 271.72) |
| OKLab | oklab(58.739% -0.03562 -0.14693) |
| OKLCH | oklch(58.739% 0.15118 256.372) |
| Display P3 | color(display-p3 0.2922 0.48026 0.80641) |
| Rec. 2020 | color(rec2020 0.32498 0.42827 0.7795) |
| Adobe RGB | color(a98-rgb 0.3289 0.48273 0.81609) |
| ProPhoto RGB | color(prophoto-rgb 0.3866 0.40739 0.74888) |
| Linear sRGB | color(srgb-linear 0.04092 0.20156 0.65837) |
| XYZ D65 | color(xyz-d65 0.20777 0.20038 0.65062) |
| XYZ D50 | color(xyz-d50 0.18967 0.19351 0.49028) |
| SwiftUI | Color(red: 0.224, green: 0.486, blue: 0.831) |
| UIKit | UIColor(red: 0.224, green: 0.486, blue: 0.831, alpha: 1) |
| Flutter / Compose | Color(0xFF397CD4) |
| Android XML | #397CD4 |

## Facts

- Closest name: Soothing Sapphire
- Hue family: Blue, bright blue
- Closest Tailwind class: sky-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 4.19:1
- Contrast with black: 5.01:1

## Tints

#397cd4, #4e8ad9, #6297de, #76a4e3, #89b1e8, #9cbeec, #b0cbf1, #c3d8f5, #d7e5f8, #ebf2fc

## Shades

#397cd4, #306bb8, #285a9d, #1f4a83, #173b69, #102c51, #091e3a, #041124, #010510, #000102

## Tones

#397cd4, #427dcc, #4a7dc3, #517eba, #587eb2, #5f7ea9, #657ea1, #6b7e98, #717e8f, #777d86

## Harmonies

- Complementary: #397cd4, #ab6e00
- Split: #397cd4, #c25a1b, #888000
- Analogous: #397cd4, #008bb9, #776bd1
- Triadic: #397cd4, #c64f5d, #4e9029
- Tetradic: #397cd4, #9f5cb8, #ab6e00, #4e9029
- Square: #397cd4, #b9518f, #ab6e00, #009669
- Monochromatic: #397cd4, #003385, #0f57ac, #5ea2fd, #98c9ff

## Questions about #397cd4

### What color is #397cd4?

#397cd4 is bright blue. The closest named color is Soothing Sapphire. In RGB it is rgb(57, 124, 212), in HSL hsl(214.06, 64.32%, 52.75%) and in OKLCH oklch(58.739% 0.15118 256.372).

### What colors go well with #397cd4?

The complementary color of #397cd4 is #ab6e00. For a calmer combination use the analogous colors #008bb9 and #776bd1. The triadic partners are #c64f5d and #4e9029.

### Is white or black text more readable on #397cd4?

White text reads better on #397cd4: white gives a contrast ratio of 4.19:1 and black gives 5.01:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #397cd4 a warm or cool color?

#397cd4 is a cool color. In OKLCH its hue is 256 degrees, its lightness 58.7% and its chroma 0.151.