Skip to the color picker

#ecc772 color: Hit the Hay

#ecc772 is rgb(236, 199, 114) in RGB and oklch(84.404% 0.11233 86.456) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

42°
100%

84.4%
0.112
86°
  • Yellow
  • Light
  • Soft
  • Pastel
  • Warm
  • ≈ Amber
  • orange-300
  • Black 7%

Inside sRGB: displays the same on any screen.

White text
1.62:1Hard to read
Lc -31
Black text
12.98:1Readable · AA
Lc 76

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

#ecc772 is a pastel light yellow color. In OKLCH it has 84.4% lightness, 0.112 chroma and a hue of 86°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.62:1 contrast and black text 12.98:1, so black text reads better.

The closest named color is Hit the Hay (#efc872). In Tailwind CSS the closest color is orange-300.

More light yellow colors

Lighter: #ecc772 mixed with white

  1. ecc772
  2. eecd82
  3. f0d391
  4. f2d89f
  5. f4dead
  6. f6e3bb
  7. f8e9c9
  8. faefd7
  9. fbf4e4
  10. fdfaf2

Darker: #ecc772 mixed with black

  1. ecc772
  2. cdad62
  3. af9353
  4. 927a44
  5. 766236
  6. 5b4c28
  7. 42361b
  8. 29210e
  9. 130e04
  10. 030201

Calmer: #ecc772 with less saturation

  1. ecc772
  2. e9c87d
  3. e6c887
  4. e2c990
  5. dfca9a
  6. dccaa3
  7. d9caab
  8. d5cbb4
  9. d2cbbc
  10. cfcbc4

Questions about #ecc772

What color is #ecc772?

#ecc772 is pastel light yellow. The closest named color is Hit the Hay. In RGB it is rgb(236, 199, 114), in HSL hsl(41.8, 76.25%, 68.63%) and in OKLCH oklch(84.404% 0.11233 86.456).

What colors go well with #ecc772?

The complementary color of #ecc772 is #aecbff. For a calmer combination use the analogous colors #ffb982 and #c7d57e. The triadic partners are #64e1f0 and #f3b2f3.

Is white or black text more readable on #ecc772?

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

Is #ecc772 a warm or cool color?

#ecc772 is a warm color. In OKLCH its hue is 86 degrees, its lightness 84.4% and its chroma 0.112.