Skip to the color picker

#508ff1 color: Olympic Blue

#508ff1 is rgb(80, 143, 241) in RGB and oklch(65.497% 0.16049 258.96) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

217°
100%

65.5%
0.160
259°
  • Blue
  • Medium
  • Vivid
  • Cool
  • ≈ Azure
  • blue-400
  • Black 5%

Inside sRGB: displays the same on any screen.

White text
3.21:1Hard to read
Lc -64
Black text
6.54:1Readable · AA
Lc 45

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 #508ff1

#508ff1 is a bright blue color. In OKLCH it has 65.5% lightness, 0.16 chroma and a hue of 259°.

Inside sRGB: displays the same on any screen.

White text on it reaches 3.21:1 contrast and black text 6.54:1, so black text reads better.

The closest named color is Olympic Blue (#4f8fe6). In Tailwind CSS the closest color is blue-400.

More medium blue colors

Lighter: #508ff1 mixed with white

  1. 508ff1
  2. 629bf3
  3. 73a6f6
  4. 85b2f8
  5. 96bdfa
  6. a7c8fb
  7. b9d3fc
  8. cadefd
  9. dce9fe
  10. edf4ff

Darker: #508ff1 mixed with black

  1. 508ff1
  2. 447cd2
  3. 3969b3
  4. 2e5795
  5. 244579
  6. 1a345d
  7. 102443
  8. 07152b
  9. 020714
  10. 000103

Calmer: #508ff1 with less saturation

  1. 508ff1
  2. 5890e8
  3. 5f91de
  4. 6691d5
  5. 6d92cb
  6. 7392c2
  7. 7992b8
  8. 7f92af
  9. 8592a5
  10. 8b919b

Questions about #508ff1

What color is #508ff1?

#508ff1 is bright blue. The closest named color is Olympic Blue. In RGB it is rgb(80, 143, 241), in HSL hsl(216.52, 85.19%, 62.94%) and in OKLCH oklch(65.497% 0.16049 258.96).

What colors go well with #508ff1?

The complementary color of #508ff1 is #c28200. For a calmer combination use the analogous colors #00a0da and #8f7deb. The triadic partners are #e16169 and #58a73f.

Is white or black text more readable on #508ff1?

Black text reads better on #508ff1: white gives a contrast ratio of 3.21:1 and black gives 6.54:1. WCAG AA asks for at least 4.5:1 for body text.

Is #508ff1 a warm or cool color?

#508ff1 is a cool color. In OKLCH its hue is 259 degrees, its lightness 65.5% and its chroma 0.16.