Skip to the color picker

#456ab2 color: Waterline Blue

#456ab2 is rgb(69, 106, 178) in RGB and oklch(53.187% 0.1212 262.473) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

220°
100%

53.2%
0.121
262°
  • Blue
  • Medium
  • Soft
  • Cool
  • ≈ Denim
  • sky-700
  • Black 30%

Inside sRGB: displays the same on any screen.

White text
5.31:1Readable · AA
Lc -82
Black text
3.96: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 #456ab2

#456ab2 is a soft blue color. In OKLCH it has 53.2% lightness, 0.121 chroma and a hue of 262°.

Inside sRGB: displays the same on any screen.

White text on it reaches 5.31:1 contrast and black text 3.96: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: #456ab2 mixed with white

  1. 456ab2
  2. 5679ba
  3. 6887c3
  4. 7a96cb
  5. 8ca5d3
  6. 9eb4da
  7. b1c2e2
  8. c4d1e9
  9. d8e1f1
  10. ebf0f8

Darker: #456ab2 mixed with black

  1. 456ab2
  2. 3b5b9a
  3. 314d83
  4. 273f6d
  5. 1e3157
  6. 152443
  7. 0c182f
  8. 050d1d
  9. 02040c
  10. 000001

Calmer: #456ab2 with less saturation

  1. 456ab2
  2. 496bab
  3. 4d6ba4
  4. 516c9e
  5. 556c97
  6. 596d90
  7. 5d6d89
  8. 616d82
  9. 656d7b
  10. 696c74

Questions about #456ab2

What color is #456ab2?

#456ab2 is soft blue. The closest named color is Waterline Blue. In RGB it is rgb(69, 106, 178), in HSL hsl(219.63, 44.13%, 48.43%) and in OKLCH oklch(53.187% 0.1212 262.473).

What colors go well with #456ab2?

The complementary color of #456ab2 is #8e6400. For a calmer combination use the analogous colors #0077a6 and #6f5dac. The triadic partners are #a74c4b and #3d7d39.

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

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

Is #456ab2 a warm or cool color?

#456ab2 is a cool color. In OKLCH its hue is 262 degrees, its lightness 53.2% and its chroma 0.121.