Skip to the color picker

#387bca color: Heirloom Hydrangea

#387bca is rgb(56, 123, 202) in RGB and oklch(57.865% 0.13955 254.375) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

212°
100%

57.9%
0.140
254°
  • Blue
  • Medium
  • Vivid
  • Cool
  • ≈ Steel blue
  • sky-600
  • Black 21%

Inside sRGB: displays the same on any screen.

White text
4.33:1Hard to read
Lc -75
Black text
4.85:1Readable · AA
Lc 34

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

#387bca is a bright blue color. In OKLCH it has 57.9% lightness, 0.14 chroma and a hue of 254°.

Inside sRGB: displays the same on any screen.

White text on it reaches 4.33:1 contrast and black text 4.85: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: #387bca mixed with white

  1. 387bca
  2. 4d88d0
  3. 6296d6
  4. 75a3dc
  5. 89b0e2
  6. 9cbde7
  7. b0caec
  8. c3d7f1
  9. d7e5f6
  10. ebf2fb

Darker: #387bca mixed with black

  1. 387bca
  2. 2f6aaf
  3. 275a95
  4. 1f4a7c
  5. 173a64
  6. 0f2c4d
  7. 081e37
  8. 041022
  9. 01050f
  10. 000102

Calmer: #387bca with less saturation

  1. 387bca
  2. 417cc2
  3. 497cba
  4. 507cb3
  5. 577cab
  6. 5d7ca3
  7. 637c9b
  8. 697c93
  9. 6f7b8b
  10. 747b82

Questions about #387bca

What color is #387bca?

#387bca is bright blue. The closest named color is Heirloom Hydrangea. In RGB it is rgb(56, 123, 202), in HSL hsl(212.47, 57.94%, 50.59%) and in OKLCH oklch(57.865% 0.13955 254.375).

What colors go well with #387bca?

The complementary color of #387bca is #a96a00. For a calmer combination use the analogous colors #0088b3 and #726bc8. The triadic partners are #be5160 and #558b2c.

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

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

Is #387bca a warm or cool color?

#387bca is a cool color. In OKLCH its hue is 254 degrees, its lightness 57.9% and its chroma 0.14.