Skip to the color picker
PickShade

#a7bade color: Lavender Phlox

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

Read as HEX

219°
100%

OKLCH

78.7%
0.056
263°
  • ≈ Sky blue
  • Blue
  • Light
  • Soft
  • Cool
  • blue-300
  • Black 13%

Looks the same on every screen.

White text1.96:1 · Below AALc -42
Black text10.72:1 · AALc 66

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 #a7bade

#a7bade is a soft light blue color. In OKLCH it has 78.7% lightness, 0.056 chroma and a hue of 263°.

Looks the same on every screen.

White text on it reaches 1.96:1 contrast and black text 10.72:1, so black text reads better.

The closest named color is Lavender Phlox (#a6badf). In Tailwind CSS the closest color is blue-300.

More light blue colors

Lighter: #a7bade mixed with white

  1. a7bade
  2. b0c1e1
  3. b8c8e5
  4. c1cee8
  5. cad5ec
  6. d2dcef
  7. dbe3f2
  8. e4eaf5
  9. edf1f9
  10. f6f8fc

Darker: #a7bade mixed with black

  1. a7bade
  2. 91a1c1
  3. 7b89a5
  4. 667289
  5. 525c6f
  6. 3e4655
  7. 2c323d
  8. 1a1e26
  9. 0a0d12
  10. 010202

Calmer: #a7bade with less saturation

  1. a7bade
  2. a9bada
  3. abbad7
  4. adbad3
  5. aebad0
  6. b0bacc
  7. b2bac8
  8. b4bac5
  9. b6bac1
  10. b7b9bd