Skip to the color picker

#f4bc4a color: Maximum Yellow Red

#f4bc4a is rgb(244, 188, 74) in RGB and oklch(82.614% 0.14255 81.929) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

40°
100%

82.6%
0.143
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 #f4bc4a

#f4bc4a is a bright light amber color. In OKLCH it has 82.6% lightness, 0.143 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: #f4bc4a mixed with white

  1. f4bc4a
  2. f5c362
  3. f7ca76
  4. f8d189
  5. f9d89b
  6. fadead
  7. fbe5be
  8. fcecce
  9. fdf2df
  10. fef9ef

Darker: #f4bc4a mixed with black

  1. f4bc4a
  2. d4a33f
  3. b58b35
  4. 97732a
  5. 7a5d20
  6. 5e4717
  7. 44320e
  8. 2b1f06
  9. 140d02
  10. 030200

Calmer: #f4bc4a with less saturation

  1. f4bc4a
  2. f0bd5c
  3. ebbf6b
  4. e7c079
  5. e2c185
  6. ddc291
  7. d9c39d
  8. d4c4a7
  9. cfc5b2
  10. cbc5bc

Questions about #f4bc4a

What color is #f4bc4a?

#f4bc4a is bright light amber. The closest named color is Maximum Yellow Red. In RGB it is rgb(244, 188, 74), in HSL hsl(40.24, 88.54%, 62.35%) and in OKLCH oklch(82.614% 0.14255 81.929).

What colors go well with #f4bc4a?

The complementary color of #f4bc4a is #a0c6ff. For a calmer combination use the analogous colors #ffac70 and #c9cf57. The triadic partners are #00e1ed and #f1a6fd.

Is white or black text more readable on #f4bc4a?

Black text reads better on #f4bc4a: 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 #f4bc4a a warm or cool color?

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