Skip to the color picker

#387cce color: Heirloom Hydrangea

#387cce is rgb(56, 124, 206) in RGB and oklch(58.332% 0.14369 254.838) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

213°
100%

58.3%
0.144
255°
  • Blue
  • Medium
  • Vivid
  • Cool
  • ≈ Steel blue
  • sky-600
  • Black 19%

Inside sRGB: displays the same on any screen.

White text
4.25:1Hard to read
Lc -75
Black text
4.94:1Readable · AA
Lc 35

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Open as palette

Recent

Colors you stop on or copy appear here. They stay on this device.

About #387cce

#387cce is a bright blue color. In OKLCH it has 58.3% lightness, 0.144 chroma and a hue of 255°.

Inside sRGB: displays the same on any screen.

White text on it reaches 4.25:1 contrast and black text 4.94:1, so white text reads better.

The closest named color is Heirloom Hydrangea (#327ccb). In Tailwind CSS the closest color is sky-600.

More medium blue colors

Lighter: #387cce mixed with white

  1. 387cce
  2. 4d89d4
  3. 6297d9
  4. 75a4df
  5. 89b1e4
  6. 9cbee9
  7. b0cbee
  8. c3d8f3
  9. d7e5f7
  10. ebf2fb

Darker: #387cce mixed with black

  1. 387cce
  2. 2f6bb3
  3. 275a98
  4. 1f4a7f
  5. 173b66
  6. 0f2c4e
  7. 081e38
  8. 041123
  9. 01050f
  10. 000102

Calmer: #387cce with less saturation

  1. 387cce
  2. 417dc6
  3. 497dbe
  4. 507db6
  5. 577dae
  6. 5e7da6
  7. 647d9d
  8. 6a7d95
  9. 707c8d
  10. 767c84

Questions about #387cce

What color is #387cce?

#387cce is bright blue. The closest named color is Heirloom Hydrangea. In RGB it is rgb(56, 124, 206), in HSL hsl(212.8, 60.48%, 51.37%) and in OKLCH oklch(58.332% 0.14369 254.838).

What colors go well with #387cce?

The complementary color of #387cce is #ab6c00. For a calmer combination use the analogous colors #008ab5 and #746ccc. The triadic partners are #c15160 and #548d2b.

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

White text reads better on #387cce: white gives a contrast ratio of 4.25:1 and black gives 4.94:1. WCAG AA asks for at least 4.5:1 for body text.

Is #387cce a warm or cool color?

#387cce is a cool color. In OKLCH its hue is 255 degrees, its lightness 58.3% and its chroma 0.144.