Skip to the color picker

#486abd color: Azraq Blue

#486abd is rgb(72, 106, 189) in RGB and oklch(54.034% 0.13562 265.37) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

223°
100%

54%
0.136
265°
  • Blue
  • Medium
  • Soft
  • Cool
  • ≈ Denim
  • sky-700
  • Black 26%

Inside sRGB: displays the same on any screen.

White text
5.16:1Readable · AA
Lc -81
Black text
4.07:1Hard to read
Lc 29

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 #486abd

#486abd is a soft blue color. In OKLCH it has 54% lightness, 0.136 chroma and a hue of 265°.

Inside sRGB: displays the same on any screen.

White text on it reaches 5.16:1 contrast and black text 4.07:1, so white text reads better.

The closest named color is Azraq Blue (#4c6cb3). In Tailwind CSS the closest color is sky-700.

More medium blue colors

Lighter: #486abd mixed with white

  1. 486abd
  2. 5979c4
  3. 6a88cc
  4. 7b97d3
  5. 8da5da
  6. a0b4e0
  7. b2c3e7
  8. c5d2ed
  9. d8e1f3
  10. ebf0f9

Darker: #486abd mixed with black

  1. 486abd
  2. 3d5ba4
  3. 334d8c
  4. 293f74
  5. 1f315d
  6. 162447
  7. 0d1833
  8. 060d1f
  9. 02040d
  10. 000002

Calmer: #486abd with less saturation

  1. 486abd
  2. 4c6bb5
  3. 506cae
  4. 546da6
  5. 586e9f
  6. 5c6e97
  7. 606f8f
  8. 636f87
  9. 676f7f
  10. 6b6f77

Questions about #486abd

What color is #486abd?

#486abd is soft blue. The closest named color is Azraq Blue. In RGB it is rgb(72, 106, 189), in HSL hsl(222.56, 46.99%, 51.18%) and in OKLCH oklch(54.034% 0.13562 265.37).

What colors go well with #486abd?

The complementary color of #486abd is #906700. For a calmer combination use the analogous colors #0078b2 and #765bb4. The triadic partners are #b04944 and #2f8339.

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

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

Is #486abd a warm or cool color?

#486abd is a cool color. In OKLCH its hue is 265 degrees, its lightness 54% and its chroma 0.136.