Skip to the color picker

#3f7dce color: Heirloom Hydrangea

#3f7dce is rgb(63, 125, 206) in RGB and oklch(58.813% 0.14018 256.07) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

214°
100%

58.8%
0.140
256°
  • Blue
  • Medium
  • Soft
  • Cool
  • ≈ Steel blue
  • sky-600
  • Black 19%

Inside sRGB: displays the same on any screen.

White text
4.17:1Hard to read
Lc -74
Black text
5.04:1Readable · AA
Lc 36

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

#3f7dce is a soft blue color. In OKLCH it has 58.8% lightness, 0.14 chroma and a hue of 256°.

Inside sRGB: displays the same on any screen.

White text on it reaches 4.17:1 contrast and black text 5.04: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: #3f7dce mixed with white

  1. 3f7dce
  2. 538ad4
  3. 6697d9
  4. 79a4df
  5. 8cb1e4
  6. 9fbee9
  7. b2cbee
  8. c5d8f2
  9. d8e5f7
  10. ebf2fb

Darker: #3f7dce mixed with black

  1. 3f7dce
  2. 356cb3
  3. 2c5b98
  4. 234b7f
  5. 1b3b66
  6. 122c4e
  7. 0a1e38
  8. 041123
  9. 01050f
  10. 000102

Calmer: #3f7dce with less saturation

  1. 3f7dce
  2. 477ec6
  3. 4e7ebe
  4. 557eb6
  5. 5b7fae
  6. 617fa6
  7. 677e9e
  8. 6d7e96
  9. 727e8e
  10. 777d85

Questions about #3f7dce

What color is #3f7dce?

#3f7dce is soft blue. The closest named color is Heirloom Hydrangea. In RGB it is rgb(63, 125, 206), in HSL hsl(213.99, 59.34%, 52.75%) and in OKLCH oklch(58.813% 0.14018 256.07).

What colors go well with #3f7dce?

The complementary color of #3f7dce is #ab6e00. For a calmer combination use the analogous colors #008bb9 and #776dcb. The triadic partners are #c15460 and #538f32.

Is white or black text more readable on #3f7dce?

White text reads better on #3f7dce: white gives a contrast ratio of 4.17:1 and black gives 5.04:1. WCAG AA asks for at least 4.5:1 for body text.

Is #3f7dce a warm or cool color?

#3f7dce is a cool color. In OKLCH its hue is 256 degrees, its lightness 58.8% and its chroma 0.14.