Skip to the color picker

#beac3a color: Hey Pesto

#beac3a is rgb(190, 172, 58) in RGB and oklch(73.925% 0.13225 100.152) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

52°
100%

73.9%
0.132
100°
  • Yellow
  • Light
  • Vivid
  • Neutral
  • ≈ Sand
  • yellow-500
  • Black 25%

Inside sRGB: displays the same on any screen.

White text
2.29:1Hard to read
Lc -50
Black text
9.15:1Readable · AA
Lc 59

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

#beac3a is a bright light yellow color. In OKLCH it has 73.9% lightness, 0.132 chroma and a hue of 100°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.29:1 contrast and black text 9.15:1, so black text reads better.

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

More light yellow colors

Lighter: #beac3a mixed with white

  1. beac3a
  2. c4b454
  3. cabd6a
  4. d1c57e
  5. d7ce91
  6. ded6a4
  7. e4deb6
  8. ebe6c9
  9. f1efdb
  10. f8f7ed

Darker: #beac3a mixed with black

  1. beac3a
  2. a59531
  3. 8c7f28
  4. 756920
  5. 5e5418
  6. 484010
  7. 332d09
  8. 1f1b04
  9. 0d0b01
  10. 020100

Calmer: #beac3a with less saturation

  1. beac3a
  2. bcac4b
  3. baac59
  4. b8ac66
  5. b6ac71
  6. b4ac7c
  7. b2ac86
  8. b0ac8f
  9. aeab99
  10. acaba2

Questions about #beac3a

What color is #beac3a?

#beac3a is bright light yellow. The closest named color is Hey Pesto. In RGB it is rgb(190, 172, 58), in HSL hsl(51.82, 53.23%, 48.63%) and in OKLCH oklch(73.925% 0.13225 100.152).

What colors go well with #beac3a?

The complementary color of #beac3a is #9ba0fc. For a calmer combination use the analogous colors #df9a41 and #8ebb5e. The triadic partners are #14bde4 and #e288c4.

Is white or black text more readable on #beac3a?

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

Is #beac3a a warm or cool color?

#beac3a is a neutral color. In OKLCH its hue is 100 degrees, its lightness 73.9% and its chroma 0.132.