Skip to the color picker

#acac33 color: Friendly Frog

#acac33 is rgb(172, 172, 51) in RGB and oklch(72.255% 0.13869 109.421) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

60°
100%

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

Inside sRGB: displays the same on any screen.

White text
2.41:1Hard to read
Lc -52
Black text
8.70: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 #acac33

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

Inside sRGB: displays the same on any screen.

White text on it reaches 2.41:1 contrast and black text 8.7: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: #acac33 mixed with white

  1. acac33
  2. b4b44f
  3. bcbd65
  4. c4c57a
  5. ccce8e
  6. d4d6a1
  7. dcdeb4
  8. e5e6c7
  9. edefda
  10. f6f7ec

Darker: #acac33 mixed with black

  1. acac33
  2. 95952b
  3. 7f7f23
  4. 69691c
  5. 545414
  6. 40400d
  7. 2d2d07
  8. 1b1b03
  9. 0b0b01
  10. 010100

Calmer: #acac33 with less saturation

  1. acac33
  2. abac45
  3. aaab54
  4. a9ab60
  5. a9aa6c
  6. a8aa77
  7. a7a981
  8. a7a88a
  9. a6a793
  10. a6a69c

Questions about #acac33

What color is #acac33?

#acac33 is bright light yellow. The closest named color is Friendly Frog. In RGB it is rgb(172, 172, 51), in HSL hsl(60, 54.26%, 43.73%) and in OKLCH oklch(72.255% 0.13869 109.421).

What colors go well with #acac33?

The complementary color of #acac33 is #a495f6. For a calmer combination use the analogous colors #d39a27 and #75ba63. The triadic partners are #1ab4ea and #e57fb2.

Is white or black text more readable on #acac33?

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

Is #acac33 a warm or cool color?

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