Skip to the color picker

#f2bc4e color: Maximum Yellow Red

#f2bc4e is rgb(242, 188, 78) in RGB and oklch(82.443% 0.13907 82.229) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

40°
100%

82.4%
0.139
82°
  • Amber
  • Light
  • Vivid
  • Warm
  • ≈ Amber
  • orange-300
  • Black 5%

Inside sRGB: displays the same on any screen.

White text
1.74:1Hard to read
Lc -35
Black text
12.08:1Readable · AA
Lc 72

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

#f2bc4e is a bright light amber color. In OKLCH it has 82.4% lightness, 0.139 chroma and a hue of 82°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.74:1 contrast and black text 12.08: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: #f2bc4e mixed with white

  1. f2bc4e
  2. f4c365
  3. f5ca79
  4. f7d18b
  5. f8d89d
  6. f9deae
  7. fbe5be
  8. fceccf
  9. fdf2df
  10. fef9ef

Darker: #f2bc4e mixed with black

  1. f2bc4e
  2. d2a343
  3. b48b38
  4. 96732d
  5. 795d23
  6. 5e4719
  7. 43320f
  8. 2b1f07
  9. 140d02
  10. 030200

Calmer: #f2bc4e with less saturation

  1. f2bc4e
  2. eebd5f
  3. e9bf6d
  4. e5c07b
  5. e1c187
  6. dcc292
  7. d8c39d
  8. d3c4a8
  9. cfc4b2
  10. cac5bc

Questions about #f2bc4e

What color is #f2bc4e?

#f2bc4e is bright light amber. The closest named color is Maximum Yellow Red. In RGB it is rgb(242, 188, 78), in HSL hsl(40.24, 86.32%, 62.75%) and in OKLCH oklch(82.443% 0.13907 82.229).

What colors go well with #f2bc4e?

The complementary color of #f2bc4e is #9fc6ff. For a calmer combination use the analogous colors #ffab6e and #c7ce5b. The triadic partners are #0edfec and #f0a6fb.

Is white or black text more readable on #f2bc4e?

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

Is #f2bc4e a warm or cool color?

#f2bc4e is a warm color. In OKLCH its hue is 82 degrees, its lightness 82.4% and its chroma 0.139.