Skip to the color picker

#afae3a color: Friendly Frog

#afae3a is rgb(175, 174, 58) in RGB and oklch(73.01% 0.13541 108.85) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

59°
100%

73%
0.135
109°
  • Yellow
  • Light
  • Vivid
  • Neutral
  • ≈ Pistachio
  • yellow-600
  • Black 31%

Inside sRGB: displays the same on any screen.

White text
2.35:1Hard to read
Lc -51
Black text
8.94:1Readable · AA
Lc 58

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

#afae3a is a bright light yellow color. In OKLCH it has 73% lightness, 0.135 chroma and a hue of 109°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.35:1 contrast and black text 8.94: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: #afae3a mixed with white

  1. afae3a
  2. b6b653
  3. bebe69
  4. c6c77d
  5. cecf91
  6. d6d7a3
  7. dedfb6
  8. e6e7c8
  9. eeefdb
  10. f7f7ed

Darker: #afae3a mixed with black

  1. afae3a
  2. 989731
  3. 818028
  4. 6b6a20
  5. 565518
  6. 414110
  7. 2e2e09
  8. 1c1c04
  9. 0b0b01
  10. 010100

Calmer: #afae3a with less saturation

  1. afae3a
  2. aeae4b
  3. adad58
  4. acad64
  5. abac6f
  6. abac7a
  7. aaab84
  8. a9aa8d
  9. a9a996
  10. a8a99f

Questions about #afae3a

What color is #afae3a?

#afae3a is bright light yellow. The closest named color is Friendly Frog. In RGB it is rgb(175, 174, 58), in HSL hsl(59.49, 50.21%, 45.69%) and in OKLCH oklch(73.01% 0.13541 108.85).

What colors go well with #afae3a?

The complementary color of #afae3a is #a598f7. For a calmer combination use the analogous colors #d59c31 and #7abc66. The triadic partners are #27b7eb and #e682b5.

Is white or black text more readable on #afae3a?

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

Is #afae3a a warm or cool color?

#afae3a is a neutral color. In OKLCH its hue is 109 degrees, its lightness 73% and its chroma 0.135.