Skip to the color picker

#bcba4a color: Japanese Fern

#bcba4a is rgb(188, 186, 74) in RGB and oklch(76.896% 0.13341 108.198) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

59°
100%

76.9%
0.133
108°
  • Yellow
  • Light
  • Vivid
  • Neutral
  • ≈ Pistachio
  • yellow-500
  • Black 26%

Inside sRGB: displays the same on any screen.

White text
2.05:1Hard to read
Lc -44
Black text
10.26: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 #bcba4a

#bcba4a is a bright light yellow color. In OKLCH it has 76.9% lightness, 0.133 chroma and a hue of 108°.

Inside sRGB: displays the same on any screen.

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

  1. bcba4a
  2. c2c160
  3. c9c874
  4. cfcf87
  5. d6d699
  6. dcddaa
  7. e3e4bb
  8. eaebcc
  9. f1f1dd
  10. f8f8ee

Darker: #bcba4a mixed with black

  1. bcba4a
  2. a3a13f
  3. 8b8935
  4. 73722a
  5. 5d5c20
  6. 474617
  7. 32320e
  8. 1f1e06
  9. 0d0d02
  10. 020200

Calmer: #bcba4a with less saturation

  1. bcba4a
  2. bbba59
  3. bab966
  4. b9b971
  5. b8b87c
  6. b7b886
  7. b7b790
  8. b6b699
  9. b5b6a2
  10. b4b5ab

Questions about #bcba4a

What color is #bcba4a?

#bcba4a is bright light yellow. The closest named color is Japanese Fern. In RGB it is rgb(188, 186, 74), in HSL hsl(58.95, 45.97%, 51.37%) and in OKLCH oklch(76.896% 0.13341 108.198).

What colors go well with #bcba4a?

The complementary color of #bcba4a is #b0a5ff. For a calmer combination use the analogous colors #e2a843 and #88c873. The triadic partners are #3dc4f6 and #f28fc3.

Is white or black text more readable on #bcba4a?

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

Is #bcba4a a warm or cool color?

#bcba4a is a neutral color. In OKLCH its hue is 108 degrees, its lightness 76.9% and its chroma 0.133.