Skip to the color picker
PickShade

#abccbc color: Greywacke

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

Read as HEX

151°
100%

OKLCH

81.6%
0.042
164°
  • ≈ Silver
  • Emerald
  • Light
  • Muted
  • Pastel
  • Cool
  • mist-300
  • Black 20%

Looks the same on every screen.

White text1.74:1 · Below AALc -35
Black text12.09:1 · AALc 72

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

#abccbc is a pastel light emerald color. In OKLCH it has 81.6% lightness, 0.042 chroma and a hue of 164°.

Looks the same on every screen.

White text on it reaches 1.74:1 contrast and black text 12.09:1, so black text reads better.

The closest named color is Greywacke (#aaccbb). In Tailwind CSS the closest color is mist-300.

More light emerald colors

Lighter: #abccbc mixed with white

  1. abccbc
  2. b3d1c3
  3. bcd6c9
  4. c4dbd0
  5. cce0d6
  6. d5e5dd
  7. ddeae4
  8. e6f0eb
  9. eef5f1
  10. f7faf8

Darker: #abccbc mixed with black

  1. abccbc
  2. 94b1a3
  3. 7e978b
  4. 687e73
  5. 54655d
  6. 404e47
  7. 2d3732
  8. 1b221f
  9. 0b0f0d
  10. 010202

Calmer: #abccbc with less saturation

  1. abccbc
  2. aecbbd
  3. b0cabd
  4. b2c9be
  5. b5c8bf
  6. b7c7bf
  7. bac7c0
  8. bcc6c1
  9. bec5c1
  10. c1c4c2