Skip to the color picker

#f4bc4c color: Maximum Yellow Red

#f4bc4c is rgb(244, 188, 76) in RGB and oklch(82.631% 0.14125 81.631) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

40°
100%

82.6%
0.141
82°
  • Amber
  • Light
  • Vivid
  • Warm
  • ≈ Amber
  • orange-300
  • Black 4%

Inside sRGB: displays the same on any screen.

White text
1.73:1Hard to read
Lc -35
Black text
12.14:1Readable · AA
Lc 73

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

#f4bc4c is a bright light amber color. In OKLCH it has 82.6% lightness, 0.141 chroma and a hue of 82°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.73:1 contrast and black text 12.14:1, so black text reads better.

The closest named color is Maximum Yellow Red (#f2ba49). In Tailwind CSS the closest color is orange-300.

More light amber colors

Lighter: #f4bc4c mixed with white

  1. f4bc4c
  2. f5c363
  3. f7ca78
  4. f8d18a
  5. f9d89c
  6. fadead
  7. fbe5be
  8. fcecce
  9. fdf2df
  10. fef9ef

Darker: #f4bc4c mixed with black

  1. f4bc4c
  2. d4a341
  3. b58b36
  4. 97732c
  5. 7a5d22
  6. 5e4718
  7. 44320f
  8. 2b1f06
  9. 140d02
  10. 030200

Calmer: #f4bc4c with less saturation

  1. f4bc4c
  2. f0bd5d
  3. ebbf6c
  4. e7c07a
  5. e2c186
  6. ddc292
  7. d9c39d
  8. d4c4a8
  9. cfc5b2
  10. cbc5bc

Questions about #f4bc4c

What color is #f4bc4c?

#f4bc4c is bright light amber. The closest named color is Maximum Yellow Red. In RGB it is rgb(244, 188, 76), in HSL hsl(40, 88.42%, 62.75%) and in OKLCH oklch(82.631% 0.14125 81.631).

What colors go well with #f4bc4c?

The complementary color of #f4bc4c is #9fc7ff. For a calmer combination use the analogous colors #ffac71 and #c9cf59. The triadic partners are #00e1ed and #f0a6fd.

Is white or black text more readable on #f4bc4c?

Black text reads better on #f4bc4c: white gives a contrast ratio of 1.73:1 and black gives 12.14:1. WCAG AA asks for at least 4.5:1 for body text.

Is #f4bc4c a warm or cool color?

#f4bc4c is a warm color. In OKLCH its hue is 82 degrees, its lightness 82.6% and its chroma 0.141.