# #387cd5 color: Soothing Sapphire

#387cd5 is rgb(56, 124, 213) in RGB and oklch(58.767% 0.15281 256.35) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #387cd5 |
| RGB | rgb(56, 124, 213) |
| HSL | hsl(214.01, 65.15%, 52.75%) |
| HSB / HSV | hsv(214.01 73.71% 83.53%) |
| HWB | hwb(214.01 21.96% 16.47%) |
| CMYK | cmyk(74% 42% 0% 16%) |
| Lab | lab(51.11 1.73 -53.01) |
| LCH | lch(51.11 53.03 271.87) |
| OKLab | oklab(58.767% -0.03606 -0.14849) |
| OKLCH | oklch(58.767% 0.15281 256.35) |
| Display P3 | color(display-p3 0.28984 0.48021 0.81012) |
| Rec. 2020 | color(rec2020 0.3241 0.42825 0.78356) |
| Adobe RGB | color(a98-rgb 0.3272 0.48273 0.81998) |
| ProPhoto RGB | color(prophoto-rgb 0.38691 0.40746 0.7531) |
| Linear sRGB | color(srgb-linear 0.03955 0.20156 0.66539) |
| XYZ D65 | color(xyz-d65 0.20847 0.20059 0.65726) |
| XYZ D50 | color(xyz-d50 0.19008 0.19363 0.49527) |
| SwiftUI | Color(red: 0.22, green: 0.486, blue: 0.835) |
| UIKit | UIColor(red: 0.22, green: 0.486, blue: 0.835, alpha: 1) |
| Flutter / Compose | Color(0xFF387CD5) |
| Android XML | #387CD5 |

## 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

#387cd5, #4d8ada, #6297df, #75a4e4, #89b1e9, #9cbeed, #b0cbf1, #c3d8f5, #d7e5f9, #ebf2fc

## Shades

#387cd5, #2f6bb9, #275a9e, #1f4a83, #173b6a, #0f2c51, #081e3a, #041124, #010510, #000102

## Tones

#387cd5, #417dcc, #497dc4, #517ebb, #587eb3, #5f7eaa, #657ea1, #6b7e98, #717e8f, #777d86

## Harmonies

- Complementary: #387cd5, #ab6e00
- Split: #387cd5, #c35919, #888000
- Analogous: #387cd5, #008bb9, #776bd2
- Triadic: #387cd5, #c64f5c, #4e9027
- Tetradic: #387cd5, #9f5cb8, #ab6e00, #4e9027
- Square: #387cd5, #ba518f, #ab6e00, #009669
- Monochromatic: #387cd5, #003386, #0d57ad, #5da2fe, #98c9ff

## Questions about #387cd5

### What color is #387cd5?

#387cd5 is bright blue. The closest named color is Soothing Sapphire. In RGB it is rgb(56, 124, 213), in HSL hsl(214.01, 65.15%, 52.75%) and in OKLCH oklch(58.767% 0.15281 256.35).

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

The complementary color of #387cd5 is #ab6e00. For a calmer combination use the analogous colors #008bb9 and #776bd2. The triadic partners are #c64f5c and #4e9027.

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

White text reads better on #387cd5: 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 #387cd5 a warm or cool color?

#387cd5 is a cool color. In OKLCH its hue is 256 degrees, its lightness 58.8% and its chroma 0.153.