# #397cd5 color: Soothing Sapphire

#397cd5 is rgb(57, 124, 213) in RGB and oklch(58.802% 0.15249 256.571) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #397cd5 |
| RGB | rgb(57, 124, 213) |
| HSL | hsl(214.23, 65%, 52.94%) |
| HSB / HSV | hsv(214.23 73.24% 83.53%) |
| HWB | hwb(214.23 22.35% 16.47%) |
| CMYK | cmyk(73% 42% 0% 16%) |
| Lab | lab(51.14 1.88 -52.95) |
| LCH | lch(51.14 52.98 272.03) |
| OKLab | oklab(58.802% -0.03541 -0.14832) |
| OKLCH | oklch(58.802% 0.15249 256.571) |
| Display P3 | color(display-p3 0.2922 0.48026 0.81013) |
| Rec. 2020 | color(rec2020 0.32546 0.42837 0.78357) |
| Adobe RGB | color(a98-rgb 0.3289 0.48273 0.81998) |
| ProPhoto RGB | color(prophoto-rgb 0.38777 0.40762 0.75311) |
| Linear sRGB | color(srgb-linear 0.04092 0.20156 0.66539) |
| XYZ D65 | color(xyz-d65 0.20904 0.20088 0.65729) |
| XYZ D50 | color(xyz-d50 0.19067 0.19393 0.49529) |
| SwiftUI | Color(red: 0.224, green: 0.486, blue: 0.835) |
| UIKit | UIColor(red: 0.224, green: 0.486, blue: 0.835, alpha: 1) |
| Flutter / Compose | Color(0xFF397CD5) |
| Android XML | #397CD5 |

## 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.02:1

## Tints

#397cd5, #4e8ada, #6297df, #76a4e4, #89b1e9, #9cbeed, #b0cbf1, #c3d8f5, #d7e5f9, #ebf2fc

## Shades

#397cd5, #306bb9, #285a9e, #1f4a83, #173b6a, #102c51, #091e3a, #041124, #010510, #000102

## Tones

#397cd5, #427dcc, #4a7ec4, #517ebb, #587eb3, #5f7eaa, #657ea1, #6b7e98, #717e8f, #777d86

## Harmonies

- Complementary: #397cd5, #ab6e00
- Split: #397cd5, #c35919, #888100
- Analogous: #397cd5, #008bba, #786bd2
- Triadic: #397cd5, #c64f5c, #4e9028
- Tetradic: #397cd5, #a05cb8, #ab6e00, #4e9028
- Square: #397cd5, #ba518f, #ab6e00, #009769
- Monochromatic: #397cd5, #003386, #0f57ad, #5ea2fe, #99c9ff

## Questions about #397cd5

### What color is #397cd5?

#397cd5 is bright blue. The closest named color is Soothing Sapphire. In RGB it is rgb(57, 124, 213), in HSL hsl(214.23, 65%, 52.94%) and in OKLCH oklch(58.802% 0.15249 256.571).

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

The complementary color of #397cd5 is #ab6e00. For a calmer combination use the analogous colors #008bba and #786bd2. The triadic partners are #c64f5c and #4e9028.

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

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

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

#397cd5 is a cool color. In OKLCH its hue is 257 degrees, its lightness 58.8% and its chroma 0.152.