Skip to the color picker
PickShade

#3f84cd color: Worn Denim

Every format, shade and contrast value for #3f84cd. Drag the picker to explore nearby colors.

Read as HEX

211°
100%

OKLCH

60.3%
0.132
252°
  • ≈ Steel blue
  • Blue
  • Medium
  • Vivid
  • Cool
  • sky-600
  • Black 20%

Looks the same on every screen.

White text3.89:1 · Below AALc -72
Black text5.39:1 · AALc 38

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 #3f84cd

#3f84cd is a bright blue color. In OKLCH it has 60.3% lightness, 0.132 chroma and a hue of 252°.

Looks the same on every screen.

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

The closest named color is Worn Denim (#4282c6). In Tailwind CSS the closest color is sky-600.

More medium blue colors

Lighter: #3f84cd mixed with white

  1. 3f84cd
  2. 5490d3
  3. 679dd8
  4. 7aa9de
  5. 8db5e3
  6. a0c2e8
  7. b3ceed
  8. c6daf2
  9. d9e6f6
  10. ecf3fb

Darker: #3f84cd mixed with black

  1. 3f84cd
  2. 3572b2
  3. 2c6098
  4. 234f7e
  5. 1b3f66
  6. 122f4e
  7. 0a2038
  8. 041223
  9. 01060f
  10. 000102

Calmer: #3f84cd with less saturation

  1. 3f84cd
  2. 4884c6
  3. 5084be
  4. 5784b7
  5. 5e84af
  6. 6484a8
  7. 6a84a0
  8. 708399
  9. 768391
  10. 7c8289