Skip to the color picker

#bbba4c color: Japanese Fern

#bbba4c is rgb(187, 186, 76) in RGB and oklch(76.83% 0.1319 108.651) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

59°
100%

76.8%
0.132
109°
  • Yellow
  • Light
  • Vivid
  • Neutral
  • ≈ Pistachio
  • yellow-500
  • Black 27%

Inside sRGB: displays the same on any screen.

White text
2.05:1Hard to read
Lc -44
Black text
10.24:1Readable · AA
Lc 64

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

#bbba4c is a bright light yellow color. In OKLCH it has 76.8% lightness, 0.132 chroma and a hue of 109°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.05:1 contrast and black text 10.24: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: #bbba4c mixed with white

  1. bbba4c
  2. c1c162
  3. c8c875
  4. cecf88
  5. d5d699
  6. dcddab
  7. e3e4bc
  8. eaebcd
  9. f1f1dd
  10. f8f8ee

Darker: #bbba4c mixed with black

  1. bbba4c
  2. a2a141
  3. 8a8936
  4. 73722c
  5. 5c5c22
  6. 464618
  7. 32320f
  8. 1f1e06
  9. 0d0d02
  10. 020200

Calmer: #bbba4c with less saturation

  1. bbba4c
  2. baba5a
  3. b9b967
  4. b8b972
  5. b8b87d
  6. b7b887
  7. b6b790
  8. b5b699
  9. b5b5a2
  10. b4b4ab

Questions about #bbba4c

What color is #bbba4c?

#bbba4c is bright light yellow. The closest named color is Japanese Fern. In RGB it is rgb(187, 186, 76), in HSL hsl(59.46, 44.94%, 51.57%) and in OKLCH oklch(76.83% 0.1319 108.651).

What colors go well with #bbba4c?

The complementary color of #bbba4c is #b1a5ff. For a calmer combination use the analogous colors #e1a945 and #87c874. The triadic partners are #40c3f6 and #f18fc1.

Is white or black text more readable on #bbba4c?

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

Is #bbba4c a warm or cool color?

#bbba4c is a neutral color. In OKLCH its hue is 109 degrees, its lightness 76.8% and its chroma 0.132.