Skip to the color picker

#beaa2e color: Hey Pesto

#beaa2e is rgb(190, 170, 46) in RGB and oklch(73.415% 0.13816 99.664) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

52°
100%

73.4%
0.138
100°
  • Yellow
  • Light
  • Vivid
  • Warm
  • ≈ Sand
  • yellow-600
  • Black 25%

Inside sRGB: displays the same on any screen.

White text
2.34:1Hard to read
Lc -51
Black text
8.98:1Readable · AA
Lc 58

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

#beaa2e is a bright light yellow color. In OKLCH it has 73.4% lightness, 0.138 chroma and a hue of 100°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.34:1 contrast and black text 8.98:1, so black text reads better.

The closest named color is Hey Pesto (#bea932). In Tailwind CSS the closest color is yellow-600.

More light yellow colors

Lighter: #beaa2e mixed with white

  1. beaa2e
  2. c4b34c
  3. cabb64
  4. d1c479
  5. d7cc8d
  6. ded5a1
  7. e4ddb4
  8. ebe6c7
  9. f1eed9
  10. f8f7ec

Darker: #beaa2e mixed with black

  1. beaa2e
  2. a59327
  3. 8c7d1f
  4. 756818
  5. 5e5312
  6. 483f0b
  7. 332d06
  8. 1f1b02
  9. 0d0b01
  10. 020100

Calmer: #beaa2e with less saturation

  1. beaa2e
  2. bcaa43
  3. baaa52
  4. b7aa60
  5. b5aa6c
  6. b3aa78
  7. b1aa82
  8. afaa8c
  9. adaa96
  10. aba9a0

Questions about #beaa2e

What color is #beaa2e?

#beaa2e is bright light yellow. The closest named color is Hey Pesto. In RGB it is rgb(190, 170, 46), in HSL hsl(51.67, 61.02%, 46.27%) and in OKLCH oklch(73.415% 0.13816 99.664).

What colors go well with #beaa2e?

The complementary color of #beaa2e is #989efe. For a calmer combination use the analogous colors #e09837 and #8cba57. The triadic partners are #00bce4 and #e285c5.

Is white or black text more readable on #beaa2e?

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

Is #beaa2e a warm or cool color?

#beaa2e is a warm color. In OKLCH its hue is 100 degrees, its lightness 73.4% and its chroma 0.138.