Skip to the color picker

#336bae color: Dover Straits

#336bae is rgb(51, 107, 174) in RGB and oklch(52.342% 0.12149 254.478) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

213°
100%

52.3%
0.121
254°
  • Blue
  • Medium
  • Vivid
  • Cool
  • ≈ Denim
  • sky-700
  • Black 32%

Inside sRGB: displays the same on any screen.

White text
5.45:1Readable · AA
Lc -82
Black text
3.86:1Hard to read
Lc 27

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 #336bae

#336bae is a bright blue color. In OKLCH it has 52.3% lightness, 0.121 chroma and a hue of 254°.

Inside sRGB: displays the same on any screen.

White text on it reaches 5.45:1 contrast and black text 3.86:1, so white text reads better.

The closest named color is Dover Straits (#326ab1). In Tailwind CSS the closest color is sky-700.

More medium blue colors

Lighter: #336bae mixed with white

  1. 336bae
  2. 487ab7
  3. 5c88bf
  4. 7097c8
  5. 84a5d0
  6. 98b4d8
  7. acc3e0
  8. c0d2e8
  9. d5e1f0
  10. eaf0f8

Darker: #336bae mixed with black

  1. 336bae
  2. 2b5c97
  3. 234e80
  4. 1c3f6a
  5. 143255
  6. 0d2541
  7. 07182e
  8. 030d1c
  9. 01040b
  10. 000001

Calmer: #336bae with less saturation

  1. 336bae
  2. 3a6ba7
  3. 416ca1
  4. 476c9a
  5. 4c6c93
  6. 526c8d
  7. 576c86
  8. 5c6b7f
  9. 616b78
  10. 656a71

Questions about #336bae

What color is #336bae?

#336bae is bright blue. The closest named color is Dover Straits. In RGB it is rgb(51, 107, 174), in HSL hsl(212.68, 54.67%, 44.12%) and in OKLCH oklch(52.342% 0.12149 254.478).

What colors go well with #336bae?

The complementary color of #336bae is #925d00. For a calmer combination use the analogous colors #00779d and #635ead. The triadic partners are #a44854 and #4a7929.

Is white or black text more readable on #336bae?

White text reads better on #336bae: white gives a contrast ratio of 5.45:1 and black gives 3.86:1. WCAG AA asks for at least 4.5:1 for body text.

Is #336bae a warm or cool color?

#336bae is a cool color. In OKLCH its hue is 254 degrees, its lightness 52.3% and its chroma 0.121.