Skip to the color picker

#486baf color: Waterline Blue

#486baf is rgb(72, 107, 175) in RGB and oklch(53.389% 0.11462 262.547) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

220°
100%

53.4%
0.115
263°
  • Blue
  • Medium
  • Soft
  • Cool
  • ≈ Denim
  • sky-700
  • Black 31%

Inside sRGB: displays the same on any screen.

White text
5.25:1Readable · AA
Lc -81
Black text
4.00: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 #486baf

#486baf is a soft blue color. In OKLCH it has 53.4% lightness, 0.115 chroma and a hue of 263°.

Inside sRGB: displays the same on any screen.

White text on it reaches 5.25:1 contrast and black text 4: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: #486baf mixed with white

  1. 486baf
  2. 597ab8
  3. 6a88c0
  4. 7c97c8
  5. 8ea5d1
  6. a0b4d9
  7. b2c3e1
  8. c5d2e8
  9. d8e1f0
  10. ebf0f8

Darker: #486baf mixed with black

  1. 486baf
  2. 3d5c98
  3. 334e81
  4. 293f6b
  5. 1f3256
  6. 162541
  7. 0d182e
  8. 060d1c
  9. 02040b
  10. 000001

Calmer: #486baf with less saturation

  1. 486baf
  2. 4c6ca9
  3. 506ca2
  4. 546d9c
  5. 576d95
  6. 5b6d8f
  7. 5f6d88
  8. 626d81
  9. 666d7b
  10. 696d74

Questions about #486baf

What color is #486baf?

#486baf is soft blue. The closest named color is Waterline Blue. In RGB it is rgb(72, 107, 175), in HSL hsl(219.61, 41.7%, 48.43%) and in OKLCH oklch(53.389% 0.11462 262.547).

What colors go well with #486baf?

The complementary color of #486baf is #8d6500. For a calmer combination use the analogous colors #0077a4 and #705fa9. The triadic partners are #a54f4d and #417d3d.

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

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

Is #486baf a warm or cool color?

#486baf is a cool color. In OKLCH its hue is 263 degrees, its lightness 53.4% and its chroma 0.115.