Skip to the color picker

#acaa2f color: Friendly Frog

#acaa2f is rgb(172, 170, 47) in RGB and oklch(71.783% 0.13918 108.504) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

59°
100%

71.8%
0.139
109°
  • Yellow
  • Light
  • Vivid
  • Neutral
  • ≈ Pistachio
  • yellow-600
  • Black 33%

Inside sRGB: displays the same on any screen.

White text
2.46:1Hard to read
Lc -53
Black text
8.55:1Readable · AA
Lc 56

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

#acaa2f is a bright light yellow color. In OKLCH it has 71.8% lightness, 0.139 chroma and a hue of 109°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.46:1 contrast and black text 8.55: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: #acaa2f mixed with white

  1. acaa2f
  2. b4b34c
  3. bcbb63
  4. c4c478
  5. cccc8c
  6. d4d5a0
  7. dcddb3
  8. e5e6c6
  9. edeed9
  10. f6f7ec

Darker: #acaa2f mixed with black

  1. acaa2f
  2. 959327
  3. 7f7d20
  4. 696819
  5. 545312
  6. 403f0c
  7. 2d2d06
  8. 1b1b03
  9. 0b0b01
  10. 010100

Calmer: #acaa2f with less saturation

  1. acaa2f
  2. abaa42
  3. aaa951
  4. a9a95e
  5. a8a86a
  6. a7a875
  7. a6a77f
  8. a6a689
  9. a5a692
  10. a4a59b

Questions about #acaa2f

What color is #acaa2f?

#acaa2f is bright light yellow. The closest named color is Friendly Frog. In RGB it is rgb(172, 170, 47), in HSL hsl(59.04, 57.08%, 42.94%) and in OKLCH oklch(71.783% 0.13918 108.504).

What colors go well with #acaa2f?

The complementary color of #acaa2f is #a194f5. For a calmer combination use the analogous colors #d39825 and #75b860. The triadic partners are #0cb3e8 and #e37db2.

Is white or black text more readable on #acaa2f?

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

Is #acaa2f a warm or cool color?

#acaa2f is a neutral color. In OKLCH its hue is 109 degrees, its lightness 71.8% and its chroma 0.139.