Skip to the color picker

#456bae color: Waterline Blue

#456bae is rgb(69, 107, 174) in RGB and oklch(53.168% 0.11439 261.013) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

218°
100%

53.2%
0.114
261°
  • Blue
  • Medium
  • Soft
  • Cool
  • ≈ Denim
  • sky-700
  • Black 32%

Inside sRGB: displays the same on any screen.

White text
5.29:1Readable · AA
Lc -81
Black text
3.97: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 #456bae

#456bae is a soft blue color. In OKLCH it has 53.2% lightness, 0.114 chroma and a hue of 261°.

Inside sRGB: displays the same on any screen.

White text on it reaches 5.29:1 contrast and black text 3.97: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: #456bae mixed with white

  1. 456bae
  2. 567ab7
  3. 6888bf
  4. 7a97c8
  5. 8ca5d0
  6. 9fb4d8
  7. b1c3e0
  8. c4d2e8
  9. d8e1f0
  10. ebf0f7

Darker: #456bae mixed with black

  1. 456bae
  2. 3b5c97
  3. 314e80
  4. 273f6a
  5. 1e3255
  6. 152541
  7. 0c182e
  8. 050d1c
  9. 02040b
  10. 000001

Calmer: #456bae with less saturation

  1. 456bae
  2. 496ca8
  3. 4e6ca1
  4. 526c9b
  5. 566d94
  6. 5a6d8e
  7. 5d6d87
  8. 616d81
  9. 656d7a
  10. 696c73

Questions about #456bae

What color is #456bae?

#456bae is soft blue. The closest named color is Waterline Blue. In RGB it is rgb(69, 107, 174), in HSL hsl(218.29, 43.21%, 47.65%) and in OKLCH oklch(53.168% 0.11439 261.013).

What colors go well with #456bae?

The complementary color of #456bae is #8e6400. For a calmer combination use the analogous colors #0077a2 and #6d5fa9. The triadic partners are #a44e4f and #447c3b.

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

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

Is #456bae a warm or cool color?

#456bae is a cool color. In OKLCH its hue is 261 degrees, its lightness 53.2% and its chroma 0.114.