Skip to the color picker

#bab83f color: Japanese Fern

#bab83f is rgb(186, 184, 63) in RGB and oklch(76.191% 0.14014 108.388) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

59°
100%

76.2%
0.140
108°
  • Yellow
  • Light
  • Vivid
  • Neutral
  • ≈ Pistachio
  • yellow-500
  • Black 27%

Inside sRGB: displays the same on any screen.

White text
2.10:1Hard to read
Lc -46
Black text
10.02:1Readable · AA
Lc 63

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

#bab83f is a bright light yellow color. In OKLCH it has 76.2% lightness, 0.14 chroma and a hue of 108°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.1:1 contrast and black text 10.02:1, so black text reads better.

The closest named color is Japanese Fern (#b5b94c). In Tailwind CSS the closest color is yellow-500.

More light yellow colors

Lighter: #bab83f mixed with white

  1. bab83f
  2. c0bf58
  3. c7c76e
  4. cece81
  5. d4d594
  6. dbdca7
  7. e2e3b8
  8. e9eaca
  9. f0f1dc
  10. f8f8ed

Darker: #bab83f mixed with black

  1. bab83f
  2. a1a035
  3. 89882c
  4. 727123
  5. 5c5b1b
  6. 464512
  7. 32310a
  8. 1e1e04
  9. 0d0c01
  10. 020200

Calmer: #bab83f with less saturation

  1. bab83f
  2. b9b850
  3. b8b75e
  4. b7b76b
  5. b6b677
  6. b5b682
  7. b4b58c
  8. b4b496
  9. b3b39f
  10. b2b2a8

Questions about #bab83f

What color is #bab83f?

#bab83f is bright light yellow. The closest named color is Japanese Fern. In RGB it is rgb(186, 184, 63), in HSL hsl(59.02, 49.4%, 48.82%) and in OKLCH oklch(76.191% 0.14014 108.388).

What colors go well with #bab83f?

The complementary color of #bab83f is #aea2ff. For a calmer combination use the analogous colors #e2a537 and #83c76d. The triadic partners are #2bc2f8 and #f28bc1.

Is white or black text more readable on #bab83f?

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

Is #bab83f a warm or cool color?

#bab83f is a neutral color. In OKLCH its hue is 108 degrees, its lightness 76.2% and its chroma 0.14.