Skip to the color picker

#fdb151 color: Salted Caramel Popcorn

#fdb151 is rgb(253, 177, 81) in RGB and oklch(81.587% 0.14142 69.638) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

33°
100%

81.6%
0.141
70°
  • Amber
  • Light
  • Vivid
  • Warm
  • ≈ Orange
  • orange-300
  • Black 1%

Inside sRGB: displays the same on any screen.

White text
1.81:1Hard to read
Lc -38
Black text
11.58:1Readable · AA
Lc 70

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

#fdb151 is a bright light amber color. In OKLCH it has 81.6% lightness, 0.141 chroma and a hue of 70°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.81:1 contrast and black text 11.58:1, so black text reads better.

The closest named color is Salted Caramel Popcorn (#fdb251). In Tailwind CSS the closest color is orange-300.

More light amber colors

Lighter: #fdb151 mixed with white

  1. fdb151
  2. feb967
  3. ffc17a
  4. ffc98c
  5. ffd19d
  6. ffd9ae
  7. ffe1bf
  8. ffe8cf
  9. fff0df
  10. fff8ef

Darker: #fdb151 mixed with black

  1. fdb151
  2. dc9945
  3. bc833a
  4. 9d6c2f
  5. 7f5724
  6. 62421a
  7. 472f10
  8. 2d1c07
  9. 160c02
  10. 030100

Calmer: #fdb151 with less saturation

  1. fdb151
  2. f8b361
  3. f2b66e
  4. ecb87b
  5. e7b986
  6. e1bb91
  7. dbbd9c
  8. d5bfa6
  9. cfc0b0
  10. c9c1b9

Questions about #fdb151

What color is #fdb151?

#fdb151 is bright light amber. The closest named color is Salted Caramel Popcorn. In RGB it is rgb(253, 177, 81), in HSL hsl(33.49, 97.73%, 65.49%) and in OKLCH oklch(81.587% 0.14142 69.638).

What colors go well with #fdb151?

The complementary color of #fdb151 is #85c9ff. For a calmer combination use the analogous colors #ffa481 and #d9c44a. The triadic partners are #00dfd6 and #dea8ff.

Is white or black text more readable on #fdb151?

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

Is #fdb151 a warm or cool color?

#fdb151 is a warm color. In OKLCH its hue is 70 degrees, its lightness 81.6% and its chroma 0.141.