Skip to the color picker

#f3bc4d color: Maximum Yellow Red

#f3bc4d is rgb(243, 188, 77) in RGB and oklch(82.537% 0.14016 81.929) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

40°
100%

82.5%
0.140
82°
  • Amber
  • Light
  • Vivid
  • Warm
  • ≈ Amber
  • orange-300
  • Black 5%

Inside sRGB: displays the same on any screen.

White text
1.73:1Hard to read
Lc -35
Black text
12.11: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 #f3bc4d

#f3bc4d is a bright light amber color. In OKLCH it has 82.5% lightness, 0.14 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.11: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: #f3bc4d mixed with white

  1. f3bc4d
  2. f4c364
  3. f6ca78
  4. f7d18b
  5. f9d89c
  6. fadead
  7. fbe5be
  8. fceccf
  9. fdf2df
  10. fef9ef

Darker: #f3bc4d mixed with black

  1. f3bc4d
  2. d3a342
  3. b48b37
  4. 97732c
  5. 7a5d22
  6. 5e4718
  7. 44320f
  8. 2b1f07
  9. 140d02
  10. 030200

Calmer: #f3bc4d with less saturation

  1. f3bc4d
  2. efbd5e
  3. eabf6d
  4. e6c07a
  5. e1c186
  6. ddc292
  7. d8c39d
  8. d4c4a8
  9. cfc4b2
  10. cac5bc

Questions about #f3bc4d

What color is #f3bc4d?

#f3bc4d is bright light amber. The closest named color is Maximum Yellow Red. In RGB it is rgb(243, 188, 77), in HSL hsl(40.12, 87.37%, 62.75%) and in OKLCH oklch(82.537% 0.14016 81.929).

What colors go well with #f3bc4d?

The complementary color of #f3bc4d is #9fc6ff. For a calmer combination use the analogous colors #ffab6f and #c8cf5a. The triadic partners are #03e0ec and #f0a6fc.

Is white or black text more readable on #f3bc4d?

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

Is #f3bc4d a warm or cool color?

#f3bc4d is a warm color. In OKLCH its hue is 82 degrees, its lightness 82.5% and its chroma 0.14.