Skip to the color picker

#bbba51 color: Japanese Fern

#bbba51 is rgb(187, 186, 81) in RGB and oklch(76.882% 0.12757 108.553) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

59°
100%

76.9%
0.128
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.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 #bbba51

#bbba51 is a bright light yellow color. In OKLCH it has 76.9% lightness, 0.128 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.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: #bbba51 mixed with white

  1. bbba51
  2. c1c166
  3. c8c878
  4. cfcf8a
  5. d5d69b
  6. dcddac
  7. e3e4bd
  8. eaebce
  9. f1f1de
  10. f8f8ef

Darker: #bbba51 mixed with black

  1. bbba51
  2. a2a145
  3. 8a893a
  4. 73722f
  5. 5c5c24
  6. 46461a
  7. 323210
  8. 1f1e07
  9. 0d0d02
  10. 020200

Calmer: #bbba51 with less saturation

  1. bbba51
  2. baba5e
  3. b9b96a
  4. b8b975
  5. b8b87f
  6. b7b888
  7. b6b792
  8. b5b69a
  9. b5b5a3
  10. b4b5ab

Questions about #bbba51

What color is #bbba51?

#bbba51 is bright light yellow. The closest named color is Japanese Fern. In RGB it is rgb(187, 186, 81), in HSL hsl(59.43, 43.8%, 52.55%) and in OKLCH oklch(76.882% 0.12757 108.553).

What colors go well with #bbba51?

The complementary color of #bbba51 is #b1a6ff. For a calmer combination use the analogous colors #e0a94b and #89c776. The triadic partners are #47c3f4 and #f091c1.

Is white or black text more readable on #bbba51?

Black text reads better on #bbba51: 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 #bbba51 a warm or cool color?

#bbba51 is a neutral color. In OKLCH its hue is 109 degrees, its lightness 76.9% and its chroma 0.128.