Skip to the color picker

#f9cb93 color: Bagel

#f9cb93 is rgb(249, 203, 147) in RGB and oklch(86.946% 0.08877 71.724) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

33°
100%

86.9%
0.089
72°
  • Amber
  • Very light
  • Vivid
  • Pastel
  • Warm
  • ≈ Peach
  • orange-200
  • Black 2%

Inside sRGB: displays the same on any screen.

White text
1.50:1Hard to read
Lc -27
Black text
13.99:1Readable · AA
Lc 80

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

#f9cb93 is a pastel very light amber color. In OKLCH it has 86.9% lightness, 0.089 chroma and a hue of 72°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.5:1 contrast and black text 13.99:1, so black text reads better.

The closest named color is Bagel (#f6cd9b). In Tailwind CSS the closest color is orange-200.

More amber colors

Lighter: #f9cb93 mixed with white

Darker: #f9cb93 mixed with black

Calmer: #f9cb93 with less saturation

Similar named colors

Colors that go with #f9cb93

Complementary
Analogous
Triadic
Split

Questions about #f9cb93

What color is #f9cb93?

#f9cb93 is pastel very light amber. The closest named color is Bagel. In RGB it is rgb(249, 203, 147), in HSL hsl(32.94, 89.47%, 77.65%) and in OKLCH oklch(86.946% 0.08877 71.724).

What colors go well with #f9cb93?

The complementary color of #f9cb93 is #aad9ff. For a calmer combination use the analogous colors #ffc1a7 and #e0d792. The triadic partners are #8be7e3 and #e8c4ff.

Is white or black text more readable on #f9cb93?

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

Is #f9cb93 a warm or cool color?

#f9cb93 is a warm color. In OKLCH its hue is 72 degrees, its lightness 86.9% and its chroma 0.089.