Skip to the color picker

#f5bf6c color: Golden Opportunity

#f5bf6c is rgb(245, 191, 108) in RGB and oklch(83.656% 0.11839 76.708) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

36°
100%

83.7%
0.118
77°
  • Amber
  • Light
  • Vivid
  • Pastel
  • Warm
  • ≈ Amber
  • orange-300
  • Black 4%

Inside sRGB: displays the same on any screen.

White text
1.67:1Hard to read
Lc -33
Black text
12.55:1Readable · AA
Lc 74

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

#f5bf6c is a pastel light amber color. In OKLCH it has 83.7% lightness, 0.118 chroma and a hue of 77°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.67:1 contrast and black text 12.55:1, so black text reads better.

The closest named color is Golden Opportunity (#f7c070). In Tailwind CSS the closest color is orange-300.

More light amber colors

Lighter: #f5bf6c mixed with white

  1. f5bf6c
  2. f6c67d
  3. f8cc8c
  4. f9d39b
  5. fad9aa
  6. fbe0b9
  7. fce6c7
  8. fdecd5
  9. fef3e3
  10. fef9f1

Darker: #f5bf6c mixed with black

  1. f5bf6c
  2. d5a65d
  3. b68d4e
  4. 987540
  5. 7b5e32
  6. 5f4825
  7. 443319
  8. 2b1f0d
  9. 150d04
  10. 030200

Calmer: #f5bf6c with less saturation

  1. f5bf6c
  2. f1c077
  3. edc282
  4. e8c38c
  5. e4c496
  6. e0c59f
  7. dbc6a8
  8. d7c7b0
  9. d2c8b9
  10. cec9c1

Questions about #f5bf6c

What color is #f5bf6c?

#f5bf6c is pastel light amber. The closest named color is Golden Opportunity. In RGB it is rgb(245, 191, 108), in HSL hsl(36.35, 87.26%, 69.22%) and in OKLCH oklch(83.656% 0.11839 76.708).

What colors go well with #f5bf6c?

The complementary color of #f5bf6c is #9eccff. For a calmer combination use the analogous colors #ffb186 and #d2cf6f. The triadic partners are #56e1e3 and #e8b1fd.

Is white or black text more readable on #f5bf6c?

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

Is #f5bf6c a warm or cool color?

#f5bf6c is a warm color. In OKLCH its hue is 77 degrees, its lightness 83.7% and its chroma 0.118.