Skip to the color picker

#bba335 color: Grassy Ochre

#bba335 is rgb(187, 163, 53) in RGB and oklch(71.695% 0.12848 96.527) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

49°
100%

71.7%
0.128
97°
  • Yellow
  • Light
  • Vivid
  • Warm
  • ≈ Camel
  • yellow-600
  • Black 27%

Inside sRGB: displays the same on any screen.

White text
2.50:1Hard to read
Lc -54
Black text
8.40:1Readable · AA
Lc 55

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

#bba335 is a bright light yellow color. In OKLCH it has 71.7% lightness, 0.128 chroma and a hue of 97°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.5:1 contrast and black text 8.4:1, so black text reads better.

The closest named color is Grassy Ochre (#b8a336). In Tailwind CSS the closest color is yellow-600.

More light yellow colors

Lighter: #bba335 mixed with white

  1. bba335
  2. c2ac4f
  3. c8b666
  4. cfbf7a
  5. d6c88e
  6. dcd1a1
  7. e3dab4
  8. eae4c7
  9. f1edda
  10. f8f6ec

Darker: #bba335 mixed with black

  1. bba335
  2. a28d2d
  3. 8a7825
  4. 73631d
  5. 5c4f15
  6. 463c0e
  7. 322a08
  8. 1f1903
  9. 0d0a01
  10. 020100

Calmer: #bba335 with less saturation

  1. bba335
  2. b9a346
  3. b6a454
  4. b4a460
  5. b1a46b
  6. afa476
  7. ada480
  8. aaa489
  9. a8a492
  10. a6a49b

Questions about #bba335

What color is #bba335?

#bba335 is bright light yellow. The closest named color is Grassy Ochre. In RGB it is rgb(187, 163, 53), in HSL hsl(49.25, 55.83%, 47.06%) and in OKLCH oklch(71.695% 0.12848 96.527).

What colors go well with #bba335?

The complementary color of #bba335 is #8f9bf3. For a calmer combination use the analogous colors #d99241 and #8fb254. The triadic partners are #00b7d7 and #d683c1.

Is white or black text more readable on #bba335?

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

Is #bba335 a warm or cool color?

#bba335 is a warm color. In OKLCH its hue is 97 degrees, its lightness 71.7% and its chroma 0.128.