Skip to the color picker

#456cac color: Waterline Blue

#456cac is rgb(69, 108, 172) in RGB and oklch(53.275% 0.11044 259.85) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

217°
100%

53.3%
0.110
260°
  • Blue
  • Medium
  • Soft
  • Cool
  • ≈ Cerulean
  • sky-700
  • Black 33%

Inside sRGB: displays the same on any screen.

White text
5.26:1Readable · AA
Lc -81
Black text
3.99: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 #456cac

#456cac is a soft blue color. In OKLCH it has 53.3% lightness, 0.11 chroma and a hue of 260°.

Inside sRGB: displays the same on any screen.

White text on it reaches 5.26:1 contrast and black text 3.99: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: #456cac mixed with white

  1. 456cac
  2. 577ab5
  3. 6889be
  4. 7a97c6
  5. 8ca6cf
  6. 9fb4d7
  7. b2c3df
  8. c4d2e7
  9. d8e1ef
  10. ebf0f7

Darker: #456cac mixed with black

  1. 456cac
  2. 3b5d95
  3. 314e7f
  4. 274069
  5. 1e3254
  6. 152540
  7. 0c192d
  8. 050d1b
  9. 02040b
  10. 000001

Calmer: #456cac with less saturation

  1. 456cac
  2. 496ca6
  3. 4e6da0
  4. 526d99
  5. 566d93
  6. 5a6d8d
  7. 5e6d87
  8. 616d80
  9. 656d7a
  10. 696d73

Questions about #456cac

What color is #456cac?

#456cac is soft blue. The closest named color is Waterline Blue. In RGB it is rgb(69, 108, 172), in HSL hsl(217.28, 42.74%, 47.25%) and in OKLCH oklch(53.275% 0.11044 259.85).

What colors go well with #456cac?

The complementary color of #456cac is #8e6400. For a calmer combination use the analogous colors #0077a0 and #6c60a8. The triadic partners are #a34f52 and #487c3b.

Is white or black text more readable on #456cac?

White text reads better on #456cac: white gives a contrast ratio of 5.26:1 and black gives 3.99:1. WCAG AA asks for at least 4.5:1 for body text.

Is #456cac a warm or cool color?

#456cac is a cool color. In OKLCH its hue is 260 degrees, its lightness 53.3% and its chroma 0.11.