Skip to the color picker
PickShade

#acc2fd color: Pastel Blue

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

Read as HEX

224°
100%

OKLCH

81.9%
0.087
269°
  • ≈ Periwinkle
  • Blue
  • Light
  • Vivid
  • Pastel
  • Cool
  • blue-300
  • Black 1%

Looks the same on every screen.

White text1.77:1 · Below AALc -36
Black text11.89:1 · AALc 71

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

#acc2fd is a pastel light blue color. In OKLCH it has 81.9% lightness, 0.087 chroma and a hue of 269°.

Looks the same on every screen.

White text on it reaches 1.77:1 contrast and black text 11.89:1, so black text reads better.

The closest named color is Pastel Blue (#a2bffe). In Tailwind CSS the closest color is blue-300.

More light blue colors

Lighter: #acc2fd mixed with white

  1. acc2fd
  2. b4c8fe
  3. bccefe
  4. c4d4fe
  5. cddbff
  6. d5e1ff
  7. dde7ff
  8. e6edff
  9. eef3ff
  10. f6f9ff

Darker: #acc2fd mixed with black

  1. acc2fd
  2. 95a8dc
  3. 7f8fbc
  4. 69779d
  5. 54607f
  6. 404962
  7. 2d3447
  8. 1b202d
  9. 0b0e16
  10. 010203

Calmer: #acc2fd with less saturation

  1. acc2fd
  2. aec2f7
  3. b1c3f2
  4. b3c3ec
  5. b5c3e6
  6. b8c3e1
  7. bac3db
  8. bcc3d5
  9. bfc3cf
  10. c1c3c9