Skip to the color picker
PickShade

#f4aa00 color: Spectra Yellow

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

Read as HEX

42°
100%

OKLCH

78.9%
0.165
77°
  • ≈ Orange
  • Amber
  • Light
  • Vivid
  • Warm
  • yellow-500
  • Black 4%

Looks the same on every screen.

White text1.98:1 · Below AALc -42
Black text10.60:1 · AALc 66

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

#f4aa00 is a bright light amber color. In OKLCH it has 78.9% lightness, 0.165 chroma and a hue of 77°.

Looks the same on every screen.

White text on it reaches 1.98:1 contrast and black text 10.6:1, so black text reads better.

The closest named color is Spectra Yellow (#f6aa09). In Tailwind CSS the closest color is yellow-500.

More light amber colors

Lighter: #f4aa00 mixed with white

  1. f4aa00
  2. f6b33e
  3. f7bc5c
  4. f9c574
  5. facd8a
  6. fbd69e
  7. fcdeb2
  8. fde7c6
  9. feefd9
  10. fef7ec

Darker: #f4aa00 mixed with black

  1. f4aa00
  2. d49300
  3. b57d00
  4. 976800
  5. 7a5300
  6. 5e3f00
  7. 442d00
  8. 2b1b00
  9. 140b00
  10. 030100

Calmer: #f4aa00 with less saturation

  1. f4aa00
  2. efac35
  3. e9ae4d
  4. e3b05f
  5. deb26f
  6. d8b47d
  7. d2b58b
  8. ccb797
  9. c6b8a3
  10. c0b9af