Skip to the color picker

#337dce color: Heirloom Hydrangea

#337dce is rgb(51, 125, 206) in RGB and oklch(58.391% 0.14426 253.255) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

211°
100%

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

Inside sRGB: displays the same on any screen.

White text
4.23:1Hard to read
Lc -74
Black text
4.97: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 #337dce

#337dce is a bright blue color. In OKLCH it has 58.4% lightness, 0.144 chroma and a hue of 253°.

Inside sRGB: displays the same on any screen.

White text on it reaches 4.23:1 contrast and black text 4.97: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: #337dce mixed with white

  1. 337dce
  2. 4a8ad4
  3. 5f97d9
  4. 73a5df
  5. 87b2e4
  6. 9bbee9
  7. afcbee
  8. c3d8f2
  9. d7e5f7
  10. ebf2fb

Darker: #337dce mixed with black

  1. 337dce
  2. 2b6cb3
  3. 235b98
  4. 1c4b7f
  5. 143b66
  6. 0d2c4e
  7. 071e38
  8. 031123
  9. 01050f
  10. 000102

Calmer: #337dce with less saturation

  1. 337dce
  2. 3d7ec6
  3. 467ebe
  4. 4e7eb6
  5. 567eae
  6. 5d7ea6
  7. 637e9d
  8. 6a7d95
  9. 707d8d
  10. 767c84

Questions about #337dce

What color is #337dce?

#337dce is bright blue. The closest named color is Heirloom Hydrangea. In RGB it is rgb(51, 125, 206), in HSL hsl(211.35, 61.26%, 50.39%) and in OKLCH oklch(58.391% 0.14426 253.255).

What colors go well with #337dce?

The complementary color of #337dce is #ad6b00. For a calmer combination use the analogous colors #008ab3 and #726dcd. The triadic partners are #c15162 and #578d26.

Is white or black text more readable on #337dce?

White text reads better on #337dce: white gives a contrast ratio of 4.23:1 and black gives 4.97:1. WCAG AA asks for at least 4.5:1 for body text.

Is #337dce a warm or cool color?

#337dce is a cool color. In OKLCH its hue is 253 degrees, its lightness 58.4% and its chroma 0.144.