Skip to the color picker
PickShade

#f2ee9c color: Portofino

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

Read as HEX

57°
100%

OKLCH

93.4%
0.103
106°
  • ≈ Khaki
  • Yellow
  • Very light
  • Soft
  • Pastel
  • Neutral
  • amber-200
  • Black 5%

Looks the same on every screen.

White text1.20:1 · Below AALc -11
Black text17.49:1 · AALc 94

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

#f2ee9c is a pastel very light yellow color. In OKLCH it has 93.4% lightness, 0.103 chroma and a hue of 106°.

Looks the same on every screen.

White text on it reaches 1.2:1 contrast and black text 17.49:1, so black text reads better.

The closest named color is Portofino (#f4f09b). In Tailwind CSS the closest color is amber-200.

More very light yellow colors

Lighter: #f2ee9c mixed with white

  1. f2ee9c
  2. f3f0a7
  3. f4f2b1
  4. f6f3bb
  5. f7f5c5
  6. f8f7cf
  7. faf9d9
  8. fbfae3
  9. fcfcec
  10. fefdf6

Darker: #f2ee9c mixed with black

  1. f2ee9c
  2. d2cf87
  3. b4b173
  4. 96935f
  5. 79774c
  6. 5e5c39
  7. 434228
  8. 2b2a18
  9. 141409
  10. 030301

Calmer: #f2ee9c with less saturation

  1. f2ee9c
  2. f1eea5
  3. f0edad
  4. efedb5
  5. eeecbd
  6. edecc5
  7. ecebcc
  8. ebebd4
  9. ebeadb
  10. eaeae2