Skip to the color picker

#406bae color: Waterline Blue

#406bae is rgb(64, 107, 174) in RGB and oklch(52.914% 0.1164 258.961) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

217°
100%

52.9%
0.116
259°
  • Blue
  • Medium
  • Soft
  • Cool
  • ≈ Denim
  • sky-700
  • Black 32%

Inside sRGB: displays the same on any screen.

White text
5.34:1Readable · AA
Lc -82
Black text
3.93:1Hard to read
Lc 28

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

#406bae is a soft blue color. In OKLCH it has 52.9% lightness, 0.116 chroma and a hue of 259°.

Inside sRGB: displays the same on any screen.

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

The closest named color is Waterline Blue (#436bad). In Tailwind CSS the closest color is sky-700.

More medium blue colors

Lighter: #406bae mixed with white

  1. 406bae
  2. 527ab7
  3. 6588bf
  4. 7797c8
  5. 8aa5d0
  6. 9db4d8
  7. b0c3e0
  8. c3d2e8
  9. d7e1f0
  10. ebf0f7

Darker: #406bae mixed with black

  1. 406bae
  2. 365c97
  3. 2d4e80
  4. 243f6a
  5. 1b3255
  6. 132541
  7. 0b182e
  8. 050d1c
  9. 01040b
  10. 000001

Calmer: #406bae with less saturation

  1. 406bae
  2. 456ca8
  3. 4a6ca1
  4. 4e6c9b
  5. 536c94
  6. 576d8e
  7. 5b6c87
  8. 606c80
  9. 646c79
  10. 686c72

Questions about #406bae

What color is #406bae?

#406bae is soft blue. The closest named color is Waterline Blue. In RGB it is rgb(64, 107, 174), in HSL hsl(216.55, 46.22%, 46.67%) and in OKLCH oklch(52.914% 0.1164 258.961).

What colors go well with #406bae?

The complementary color of #406bae is #8f6200. For a calmer combination use the analogous colors #0077a1 and #6a5eaa. The triadic partners are #a44c50 and #467b36.

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

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

Is #406bae a warm or cool color?

#406bae is a cool color. In OKLCH its hue is 259 degrees, its lightness 52.9% and its chroma 0.116.