Skip to the color picker

#aeab3e color: Friendly Frog

#aeab3e is rgb(174, 171, 62) in RGB and oklch(72.296% 0.1295 107.723) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

58°
100%

72.3%
0.130
108°
  • Yellow
  • Light
  • Vivid
  • Neutral
  • ≈ Pistachio
  • yellow-600
  • Black 32%

Inside sRGB: displays the same on any screen.

White text
2.42:1Hard to read
Lc -52
Black text
8.69:1Readable · AA
Lc 57

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

#aeab3e is a bright light yellow color. In OKLCH it has 72.3% lightness, 0.13 chroma and a hue of 108°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.42:1 contrast and black text 8.69:1, so black text reads better.

The closest named color is Friendly Frog (#b3ac36). In Tailwind CSS the closest color is yellow-600.

More light yellow colors

Lighter: #aeab3e mixed with white

  1. aeab3e
  2. b6b356
  3. bdbc6b
  4. c5c47f
  5. cdcd92
  6. d5d5a4
  7. dddeb6
  8. e6e6c9
  9. eeeedb
  10. f6f7ed

Darker: #aeab3e mixed with black

  1. aeab3e
  2. 979435
  3. 807e2b
  4. 6a6823
  5. 55541a
  6. 414012
  7. 2e2d0a
  8. 1c1b04
  9. 0b0b01
  10. 010100

Calmer: #aeab3e with less saturation

  1. aeab3e
  2. adab4d
  3. acaa5a
  4. abaa65
  5. aaaa70
  6. a9a97a
  7. a8a883
  8. a7a88c
  9. a7a795
  10. a6a69d

Questions about #aeab3e

What color is #aeab3e?

#aeab3e is bright light yellow. The closest named color is Friendly Frog. In RGB it is rgb(174, 171, 62), in HSL hsl(58.39, 47.46%, 46.27%) and in OKLCH oklch(72.296% 0.1295 107.723).

What colors go well with #aeab3e?

The complementary color of #aeab3e is #a198f2. For a calmer combination use the analogous colors #d29a38 and #7cb866. The triadic partners are #2eb5e5 and #e082b4.

Is white or black text more readable on #aeab3e?

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

Is #aeab3e a warm or cool color?

#aeab3e is a neutral color. In OKLCH its hue is 108 degrees, its lightness 72.3% and its chroma 0.13.