Skip to the color picker

#abc2fd color: Pastel Blue

#abc2fd is rgb(171, 194, 253) in RGB and oklch(81.786% 0.08738 267.945) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

223°
100%

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

Inside sRGB: displays the same on any screen.

White text
1.77:1Hard to read
Lc -36
Black text
11.87:1Readable · AA
Lc 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 #abc2fd

#abc2fd is a pastel light blue color. In OKLCH it has 81.8% lightness, 0.087 chroma and a hue of 268°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.77:1 contrast and black text 11.87: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: #abc2fd mixed with white

  1. abc2fd
  2. b3c8fe
  3. bbcefe
  4. c4d4fe
  5. ccdbff
  6. d4e1ff
  7. dde7ff
  8. e5edff
  9. eef3ff
  10. f6f9ff

Darker: #abc2fd mixed with black

  1. abc2fd
  2. 94a8dc
  3. 7e8fbc
  4. 68779d
  5. 54607f
  6. 404962
  7. 2d3447
  8. 1b202d
  9. 0b0e16
  10. 010203

Calmer: #abc2fd with less saturation

  1. abc2fd
  2. adc2f7
  3. b0c3f2
  4. b2c3ec
  5. b5c3e6
  6. b7c3e1
  7. bac3db
  8. bcc3d5
  9. bec3cf
  10. c1c3c9

Questions about #abc2fd

What color is #abc2fd?

#abc2fd is pastel light blue. The closest named color is Pastel Blue. In RGB it is rgb(171, 194, 253), in HSL hsl(223.17, 95.35%, 83.14%) and in OKLCH oklch(81.786% 0.08738 267.945).

What colors go well with #abc2fd?

The complementary color of #abc2fd is #dbc181. For a calmer combination use the analogous colors #8dccf6 and #cab8f5. The triadic partners are #f7aea4 and #9dd4a4.

Is white or black text more readable on #abc2fd?

Black text reads better on #abc2fd: white gives a contrast ratio of 1.77:1 and black gives 11.87:1. WCAG AA asks for at least 4.5:1 for body text.

Is #abc2fd a warm or cool color?

#abc2fd is a cool color. In OKLCH its hue is 268 degrees, its lightness 81.8% and its chroma 0.087.