Skip to the color picker

#476baa color: Waterline Blue

#476baa is rgb(71, 107, 170) in RGB and oklch(53.042% 0.10794 260.943) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

218°
100%

53%
0.108
261°
  • Blue
  • Medium
  • Soft
  • Cool
  • ≈ Cerulean
  • sky-700
  • Black 33%

Inside sRGB: displays the same on any screen.

White text
5.31:1Readable · AA
Lc -82
Black text
3.95: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 #476baa

#476baa is a soft blue color. In OKLCH it has 53% lightness, 0.108 chroma and a hue of 261°.

Inside sRGB: displays the same on any screen.

White text on it reaches 5.31:1 contrast and black text 3.95: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: #476baa mixed with white

  1. 476baa
  2. 5879b3
  3. 6a88bc
  4. 7b96c5
  5. 8da5cd
  6. a0b4d6
  7. b2c3de
  8. c5d1e7
  9. d8e1ef
  10. ebf0f7

Darker: #476baa mixed with black

  1. 476baa
  2. 3d5c93
  3. 324e7d
  4. 283f68
  5. 1f3253
  6. 16253f
  7. 0d182d
  8. 060d1b
  9. 02040b
  10. 000001

Calmer: #476baa with less saturation

  1. 476baa
  2. 4b6ba4
  3. 4f6c9e
  4. 536c98
  5. 576c92
  6. 5a6d8c
  7. 5e6d85
  8. 616c7f
  9. 656c79
  10. 686c72

Questions about #476baa

What color is #476baa?

#476baa is soft blue. The closest named color is Waterline Blue. In RGB it is rgb(71, 107, 170), in HSL hsl(218.18, 41.08%, 47.25%) and in OKLCH oklch(53.042% 0.10794 260.943).

What colors go well with #476baa?

The complementary color of #476baa is #8c6405. For a calmer combination use the analogous colors #00769f and #6d5fa5. The triadic partners are #a15050 and #467b3e.

Is white or black text more readable on #476baa?

White text reads better on #476baa: white gives a contrast ratio of 5.31:1 and black gives 3.95:1. WCAG AA asks for at least 4.5:1 for body text.

Is #476baa a warm or cool color?

#476baa is a cool color. In OKLCH its hue is 261 degrees, its lightness 53% and its chroma 0.108.