Skip to the color picker

#afab37 color: Friendly Frog

#afab37 is rgb(175, 171, 55) in RGB and oklch(72.325% 0.13448 107.384) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

58°
100%

72.3%
0.134
107°
  • Yellow
  • Light
  • Vivid
  • Neutral
  • ≈ Pistachio
  • yellow-600
  • Black 31%

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

#afab37 is a bright light yellow color. In OKLCH it has 72.3% lightness, 0.134 chroma and a hue of 107°.

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: #afab37 mixed with white

  1. afab37
  2. b7b451
  3. bebc67
  4. c6c47c
  5. cecd8f
  6. d6d5a2
  7. dedeb5
  8. e6e6c8
  9. eeeeda
  10. f7f7ec

Darker: #afab37 mixed with black

  1. afab37
  2. 98942e
  3. 817e26
  4. 6b681e
  5. 565416
  6. 41400f
  7. 2e2d08
  8. 1c1b03
  9. 0b0b01
  10. 010100

Calmer: #afab37 with less saturation

  1. afab37
  2. aeab48
  3. adaa56
  4. acaa62
  5. abaa6d
  6. aaa978
  7. a9a881
  8. a8a88b
  9. a7a794
  10. a6a69d

Questions about #afab37

What color is #afab37?

#afab37 is bright light yellow. The closest named color is Friendly Frog. In RGB it is rgb(175, 171, 55), in HSL hsl(58, 52.17%, 45.1%) and in OKLCH oklch(72.325% 0.13448 107.384).

What colors go well with #afab37?

The complementary color of #afab37 is #a197f5. For a calmer combination use the analogous colors #d49931 and #7bb963. The triadic partners are #1fb5e7 and #e281b5.

Is white or black text more readable on #afab37?

Black text reads better on #afab37: 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 #afab37 a warm or cool color?

#afab37 is a neutral color. In OKLCH its hue is 107 degrees, its lightness 72.3% and its chroma 0.134.