Skip to the color picker
PickShade

#badfc3 color: Lattice Work

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

Read as HEX

135°
100%

OKLCH

86.9%
0.055
153°
  • ≈ Light gray
  • Green
  • Very light
  • Muted
  • Pastel
  • Cool
  • olive-300
  • Black 13%

Looks the same on every screen.

White text1.46:1 · Below AALc -25
Black text14.43:1 · AALc 82

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

#badfc3 is a pastel very light green color. In OKLCH it has 86.9% lightness, 0.055 chroma and a hue of 153°.

Looks the same on every screen.

White text on it reaches 1.46:1 contrast and black text 14.43:1, so black text reads better.

The closest named color is Lattice Work (#b9e1c2). In Tailwind CSS the closest color is olive-300.

More very light green colors

Lighter: #badfc3 mixed with white

  1. badfc3
  2. c1e2c9
  3. c8e5cf
  4. cfe9d5
  5. d6ecdb
  6. ddefe1
  7. e3f2e7
  8. eaf5ed
  9. f1f9f3
  10. f8fcf9

Darker: #badfc3 mixed with black

  1. badfc3
  2. a1c2a9
  3. 89a590
  4. 728a78
  5. 5c6f60
  6. 46564a
  7. 323d34
  8. 1e2720
  9. 0d120e
  10. 020202

Calmer: #badfc3 with less saturation

  1. badfc3
  2. bddec5
  3. bfddc6
  4. c2dcc8
  5. c5dbca
  6. c7dacb
  7. cad8cd
  8. ccd7cf
  9. cfd6d0
  10. d1d5d2