Skip to the color picker

#afab2c color: Friendly Frog

#afab2c is rgb(175, 171, 44) in RGB and oklch(72.248% 0.14138 107.613) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

58°
100%

72.2%
0.141
108°
  • Yellow
  • Light
  • Vivid
  • Neutral
  • ≈ Pistachio
  • yellow-600
  • Black 31%

Inside sRGB: displays the same on any screen.

White text
2.42:1Hard to read
Lc -52
Black text
8.68: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 #afab2c

#afab2c is a bright light yellow color. In OKLCH it has 72.2% lightness, 0.141 chroma and a hue of 108°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.42:1 contrast and black text 8.68: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: #afab2c mixed with white

  1. afab2c
  2. b6b44a
  3. bebc62
  4. c6c578
  5. cecd8c
  6. d6d5a0
  7. dedeb3
  8. e6e6c6
  9. eeeed9
  10. f7f7ec

Darker: #afab2c mixed with black

  1. afab2c
  2. 989425
  3. 817e1e
  4. 6b6817
  5. 565411
  6. 41400a
  7. 2e2d05
  8. 1c1b02
  9. 0b0b01
  10. 010100

Calmer: #afab2c with less saturation

  1. afab2c
  2. aeab41
  3. adaa50
  4. acaa5e
  5. abaa6a
  6. aaa975
  7. a9a87f
  8. a8a889
  9. a7a793
  10. a6a69c

Questions about #afab2c

What color is #afab2c?

#afab2c is bright light yellow. The closest named color is Friendly Frog. In RGB it is rgb(175, 171, 44), in HSL hsl(58.17, 59.82%, 42.94%) and in OKLCH oklch(72.248% 0.14138 107.613).

What colors go well with #afab2c?

The complementary color of #afab2c is #a196f9. For a calmer combination use the analogous colors #d69823 and #78ba5e. The triadic partners are #00b5ea and #e57eb5.

Is white or black text more readable on #afab2c?

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

Is #afab2c a warm or cool color?

#afab2c is a neutral color. In OKLCH its hue is 108 degrees, its lightness 72.2% and its chroma 0.141.