Skip to the color picker

#acaa36 color: Friendly Frog

#acaa36 is rgb(172, 170, 54) in RGB and oklch(71.834% 0.13465 108.384) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

59°
100%

71.8%
0.135
108°
  • Yellow
  • Light
  • Vivid
  • Neutral
  • ≈ Pistachio
  • yellow-600
  • Black 33%

Inside sRGB: displays the same on any screen.

White text
2.45:1Hard to read
Lc -53
Black text
8.56: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 #acaa36

#acaa36 is a bright light yellow color. In OKLCH it has 71.8% lightness, 0.135 chroma and a hue of 108°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.45:1 contrast and black text 8.56: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: #acaa36 mixed with white

  1. acaa36
  2. b4b350
  3. bcbb67
  4. c4c47b
  5. cccc8f
  6. d4d5a2
  7. dcddb5
  8. e5e6c7
  9. eeeeda
  10. f6f7ec

Darker: #acaa36 mixed with black

  1. acaa36
  2. 95932e
  3. 7f7d25
  4. 69681e
  5. 545316
  6. 403f0f
  7. 2d2d08
  8. 1b1b03
  9. 0b0b01
  10. 010100

Calmer: #acaa36 with less saturation

  1. acaa36
  2. abaa47
  3. aaa955
  4. a9a961
  5. a8a86c
  6. a7a876
  7. a7a780
  8. a6a68a
  9. a5a693
  10. a4a59b

Questions about #acaa36

What color is #acaa36?

#acaa36 is bright light yellow. The closest named color is Friendly Frog. In RGB it is rgb(172, 170, 54), in HSL hsl(58.98, 52.21%, 44.31%) and in OKLCH oklch(71.834% 0.13465 108.384).

What colors go well with #acaa36?

The complementary color of #acaa36 is #a195f3. For a calmer combination use the analogous colors #d1982e and #78b863. The triadic partners are #20b3e6 and #e17fb2.

Is white or black text more readable on #acaa36?

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

Is #acaa36 a warm or cool color?

#acaa36 is a neutral color. In OKLCH its hue is 108 degrees, its lightness 71.8% and its chroma 0.135.