Skip to the color picker

#286aa4 color: Blues

#286aa4 is rgb(40, 106, 164) in RGB and oklch(51.118% 0.11347 248.634) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

208°
100%

51.1%
0.113
249°
  • Blue
  • Medium
  • Vivid
  • Cool
  • ≈ Cerulean
  • sky-700
  • Black 36%

Inside sRGB: displays the same on any screen.

White text
5.69:1Readable · AA
Lc -83
Black text
3.69:1Hard to read
Lc 26

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 #286aa4

#286aa4 is a bright blue color. In OKLCH it has 51.1% lightness, 0.113 chroma and a hue of 249°.

Inside sRGB: displays the same on any screen.

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

The closest named color is Blues (#296a9d). In Tailwind CSS the closest color is sky-700.

More medium blue colors

Lighter: #286aa4 mixed with white

  1. 286aa4
  2. 4079ae
  3. 5687b7
  4. 6b96c0
  5. 7fa5ca
  6. 94b3d3
  7. a9c2dc
  8. bed1e5
  9. d4e0ee
  10. e9f0f6

Darker: #286aa4 mixed with black

  1. 286aa4
  2. 215b8e
  3. 1b4d79
  4. 153f64
  5. 0f3150
  6. 09243d
  7. 04182b
  8. 020d1a
  9. 01040a
  10. 000001

Calmer: #286aa4 with less saturation

  1. 286aa4
  2. 316a9e
  3. 396a98
  4. 406a92
  5. 476a8c
  6. 4d6986
  7. 526980
  8. 576879
  9. 5d6873
  10. 62676d

Questions about #286aa4

What color is #286aa4?

#286aa4 is bright blue. The closest named color is Blues. In RGB it is rgb(40, 106, 164), in HSL hsl(208.06, 60.78%, 40%) and in OKLCH oklch(51.118% 0.11347 248.634).

What colors go well with #286aa4?

The complementary color of #286aa4 is #905800. For a calmer combination use the analogous colors #007492 and #595ea6. The triadic partners are #9b4759 and #527222.

Is white or black text more readable on #286aa4?

White text reads better on #286aa4: white gives a contrast ratio of 5.69:1 and black gives 3.69:1. WCAG AA asks for at least 4.5:1 for body text.

Is #286aa4 a warm or cool color?

#286aa4 is a cool color. In OKLCH its hue is 249 degrees, its lightness 51.1% and its chroma 0.113.