Skip to the color picker

#3f7eca color: Heirloom Hydrangea

#3f7eca is rgb(63, 126, 202) in RGB and oklch(58.798% 0.13388 254.559) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

213°
100%

58.8%
0.134
255°
  • Blue
  • Medium
  • Vivid
  • Cool
  • ≈ Steel blue
  • sky-600
  • Black 21%

Inside sRGB: displays the same on any screen.

White text
4.16:1Hard to read
Lc -74
Black text
5.05: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 #3f7eca

#3f7eca is a bright blue color. In OKLCH it has 58.8% lightness, 0.134 chroma and a hue of 255°.

Inside sRGB: displays the same on any screen.

White text on it reaches 4.16:1 contrast and black text 5.05: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: #3f7eca mixed with white

  1. 3f7eca
  2. 538bd0
  3. 6698d6
  4. 79a5dc
  5. 8cb2e1
  6. 9fbfe7
  7. b2cbec
  8. c5d8f1
  9. d8e5f6
  10. ebf2fb

Darker: #3f7eca mixed with black

  1. 3f7eca
  2. 356daf
  3. 2c5c95
  4. 234c7c
  5. 1b3c64
  6. 122d4d
  7. 0a1f37
  8. 041122
  9. 01050f
  10. 000102

Calmer: #3f7eca with less saturation

  1. 3f7eca
  2. 477ec3
  3. 4e7fbb
  4. 557fb3
  5. 5b7fac
  6. 617fa4
  7. 677f9c
  8. 6d7e95
  9. 727e8d
  10. 777d85

Questions about #3f7eca

What color is #3f7eca?

#3f7eca is bright blue. The closest named color is Heirloom Hydrangea. In RGB it is rgb(63, 126, 202), in HSL hsl(212.81, 56.73%, 51.96%) and in OKLCH oklch(58.798% 0.13388 254.559).

What colors go well with #3f7eca?

The complementary color of #3f7eca is #aa6e00. For a calmer combination use the analogous colors #008bb7 and #756fc8. The triadic partners are #be5763 and #598d34.

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

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

Is #3f7eca a warm or cool color?

#3f7eca is a cool color. In OKLCH its hue is 255 degrees, its lightness 58.8% and its chroma 0.134.