Skip to the color picker

#ffbf00 color: Amber

#ffbf00 is rgb(255, 191, 0) in RGB and oklch(84.029% 0.17245 84.076) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

45°
100%

84%
0.172
84°
  • Amber
  • Light
  • Vivid
  • Warm
  • amber-400
  • Black 0%

Inside sRGB: displays the same on any screen.

White text
1.65:1Hard to read
Lc -32
Black text
12.70:1Readable · AA
Lc 75

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Recent

Colors you stop on or copy appear here. They stay on this device.

About #ffbf00

#ffbf00 is a bright light amber color. In OKLCH it has 84% lightness, 0.172 chroma and a hue of 84°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.65:1 contrast and black text 12.7:1, so black text reads better.

The closest named color is Amber (#ffbf00). In Tailwind CSS the closest color is amber-400.

More light amber colors

Lighter: #ffbf00 mixed with white

  1. ffbf00

Darker: #ffbf00 mixed with black

  1. ffbf00

Calmer: #ffbf00 with less saturation

  1. ffbf00

Similar named colors

  • Amber#ffbf00

Colors that go with #ffbf00

Complementary
#ffbf00
Analogous
#ffbf00
Triadic
#ffbf00
Split
#ffbf00

Questions about #ffbf00

What color is #ffbf00?

#ffbf00 is bright light amber. The closest named color is Amber. In RGB it is rgb(255, 191, 0), in HSL hsl(44.94, 100%, 50%) and in OKLCH oklch(84.029% 0.17245 84.076).

What colors go well with #ffbf00?

The complementary color of #ffbf00 is #aacaff. For a calmer combination use the analogous colors #ffb377 and #cad637. The triadic partners are #00e8fb and #ffa1ff.

Is white or black text more readable on #ffbf00?

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

Is #ffbf00 a warm or cool color?

#ffbf00 is a warm color. In OKLCH its hue is 84 degrees, its lightness 84% and its chroma 0.172.