Skip to the color picker

#486ba8 color: Waterline Blue

#486ba8 is rgb(72, 107, 168) in RGB and oklch(52.982% 0.10469 260.901) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

218°
100%

53%
0.105
261°
  • Blue
  • Medium
  • Soft
  • Cool
  • ≈ Cerulean
  • sky-700
  • Black 34%

Inside sRGB: displays the same on any screen.

White text
5.32:1Readable · AA
Lc -82
Black text
3.94: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 #486ba8

#486ba8 is a soft blue color. In OKLCH it has 53% lightness, 0.105 chroma and a hue of 261°.

Inside sRGB: displays the same on any screen.

White text on it reaches 5.32:1 contrast and black text 3.94: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: #486ba8 mixed with white

  1. 486ba8
  2. 5979b1
  3. 6a88ba
  4. 7c96c3
  5. 8ea5cc
  6. a0b4d5
  7. b2c2dd
  8. c5d1e6
  9. d8e0ee
  10. ebf0f7

Darker: #486ba8 mixed with black

  1. 486ba8
  2. 3d5c92
  3. 334e7c
  4. 293f67
  5. 1f3252
  6. 16253f
  7. 0d182c
  8. 060d1a
  9. 02040a
  10. 000001

Calmer: #486ba8 with less saturation

  1. 486ba8
  2. 4c6ba2
  3. 506c9c
  4. 536c96
  5. 576c90
  6. 5b6c8b
  7. 5e6c84
  8. 626c7e
  9. 656c78
  10. 686c72

Questions about #486ba8

What color is #486ba8?

#486ba8 is soft blue. The closest named color is Waterline Blue. In RGB it is rgb(72, 107, 168), in HSL hsl(218.13, 40%, 47.06%) and in OKLCH oklch(52.982% 0.10469 260.901).

What colors go well with #486ba8?

The complementary color of #486ba8 is #8a640f. For a calmer combination use the analogous colors #08769d and #6c60a3. The triadic partners are #9f5151 and #477a3f.

Is white or black text more readable on #486ba8?

White text reads better on #486ba8: white gives a contrast ratio of 5.32:1 and black gives 3.94:1. WCAG AA asks for at least 4.5:1 for body text.

Is #486ba8 a warm or cool color?

#486ba8 is a cool color. In OKLCH its hue is 261 degrees, its lightness 53% and its chroma 0.105.