Skip to the color picker
PickShade

#f2d176 color: Summertime

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

Read as HEX

44°
100%

OKLCH

87%
0.117
90°
  • ≈ Mustard
  • Yellow
  • Very light
  • Soft
  • Pastel
  • Warm
  • amber-300
  • Black 5%

Looks the same on every screen.

White text1.48:1 · Below AALc -26
Black text14.16:1 · AALc 81

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

#f2d176 is a pastel very light yellow color. In OKLCH it has 87% lightness, 0.117 chroma and a hue of 90°.

Looks the same on every screen.

White text on it reaches 1.48:1 contrast and black text 14.16:1, so black text reads better.

The closest named color is Summertime (#f2d178). In Tailwind CSS the closest color is amber-300.

More very light yellow colors

Lighter: #f2d176 mixed with white

  1. f2d176
  2. f3d685
  3. f5db94
  4. f6dfa2
  5. f7e4b0
  6. f9e9be
  7. faedcb
  8. fbf2d8
  9. fcf6e5
  10. fefbf2

Darker: #f2d176 mixed with black

  1. f2d176
  2. d2b566
  3. b49b56
  4. 968147
  5. 796838
  6. 5e5029
  7. 43391c
  8. 2b230f
  9. 141005
  10. 030201

Calmer: #f2d176 with less saturation

  1. f2d176
  2. efd281
  3. ecd28c
  4. e9d396
  5. e6d3a0
  6. e3d3a9
  7. e0d4b2
  8. ddd4bb
  9. dad4c3
  10. d7d4cc