Skip to the color picker

#acab3a color: Friendly Frog

#acab3a is rgb(172, 171, 58) in RGB and oklch(72.087% 0.13284 108.823) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

59°
100%

72.1%
0.133
109°
  • Yellow
  • Light
  • Vivid
  • Neutral
  • ≈ Pistachio
  • yellow-600
  • Black 33%

Inside sRGB: displays the same on any screen.

White text
2.43:1Hard to read
Lc -53
Black text
8.64: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 #acab3a

#acab3a is a bright light yellow color. In OKLCH it has 72.1% lightness, 0.133 chroma and a hue of 109°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.43:1 contrast and black text 8.64: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: #acab3a mixed with white

  1. acab3a
  2. b4b453
  3. bcbc69
  4. c4c47d
  5. cccd90
  6. d4d5a3
  7. dcdeb5
  8. e5e6c8
  9. eeeeda
  10. f6f7ed

Darker: #acab3a mixed with black

  1. acab3a
  2. 959431
  3. 7f7e28
  4. 696820
  5. 545418
  6. 404010
  7. 2d2d09
  8. 1b1b04
  9. 0b0b01
  10. 010100

Calmer: #acab3a with less saturation

  1. acab3a
  2. abab4a
  3. aaaa57
  4. a9aa63
  5. a9a96e
  6. a8a978
  7. a7a882
  8. a6a78b
  9. a6a794
  10. a5a69c

Questions about #acab3a

What color is #acab3a?

#acab3a is bright light yellow. The closest named color is Friendly Frog. In RGB it is rgb(172, 171, 58), in HSL hsl(59.47, 49.57%, 45.1%) and in OKLCH oklch(72.087% 0.13284 108.823).

What colors go well with #acab3a?

The complementary color of #acab3a is #a296f3. For a calmer combination use the analogous colors #d19a31 and #78b965. The triadic partners are #28b4e7 and #e180b2.

Is white or black text more readable on #acab3a?

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

Is #acab3a a warm or cool color?

#acab3a is a neutral color. In OKLCH its hue is 109 degrees, its lightness 72.1% and its chroma 0.133.