Skip to the color picker

#337dca color: Heirloom Hydrangea

#337dca is rgb(51, 125, 202) in RGB and oklch(58.148% 0.13915 252.206) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

211°
100%

58.1%
0.139
252°
  • Blue
  • Medium
  • Vivid
  • Cool
  • ≈ Steel blue
  • sky-600
  • Black 21%

Inside sRGB: displays the same on any screen.

White text
4.26:1Hard to read
Lc -75
Black text
4.93: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 #337dca

#337dca is a bright blue color. In OKLCH it has 58.1% lightness, 0.139 chroma and a hue of 252°.

Inside sRGB: displays the same on any screen.

White text on it reaches 4.26:1 contrast and black text 4.93: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: #337dca mixed with white

  1. 337dca
  2. 4a8ad0
  3. 5f97d6
  4. 73a4dc
  5. 87b1e1
  6. 9bbee7
  7. afcbec
  8. c3d8f1
  9. d7e5f6
  10. ebf2fb

Darker: #337dca mixed with black

  1. 337dca
  2. 2b6caf
  3. 235b95
  4. 1c4b7c
  5. 143b64
  6. 0d2c4d
  7. 071e37
  8. 031122
  9. 01050f
  10. 000102

Calmer: #337dca with less saturation

  1. 337dca
  2. 3d7dc2
  3. 467ebb
  4. 4e7eb3
  5. 557eab
  6. 5c7ea3
  7. 637d9b
  8. 697d93
  9. 6f7c8b
  10. 757b83

Questions about #337dca

What color is #337dca?

#337dca is bright blue. The closest named color is Heirloom Hydrangea. In RGB it is rgb(51, 125, 202), in HSL hsl(210.6, 59.68%, 49.61%) and in OKLCH oklch(58.148% 0.13915 252.206).

What colors go well with #337dca?

The complementary color of #337dca is #ac6a00. For a calmer combination use the analogous colors #008ab1 and #706dca. The triadic partners are #be5264 and #5a8b28.

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

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

Is #337dca a warm or cool color?

#337dca is a cool color. In OKLCH its hue is 252 degrees, its lightness 58.1% and its chroma 0.139.