Skip to the color picker

#bbae3f color: Oil Yellow

#bbae3f is rgb(187, 174, 63) in RGB and oklch(74.117% 0.13042 102.6) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

54°
100%

74.1%
0.130
103°
  • Yellow
  • Light
  • Vivid
  • Neutral
  • ≈ Sand
  • yellow-500
  • Black 27%

Inside sRGB: displays the same on any screen.

White text
2.27:1Hard to read
Lc -50
Black text
9.24:1Readable · AA
Lc 59

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

#bbae3f is a bright light yellow color. In OKLCH it has 74.1% lightness, 0.13 chroma and a hue of 103°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.27:1 contrast and black text 9.24:1, so black text reads better.

The closest named color is Oil Yellow (#c2ab3f). In Tailwind CSS the closest color is yellow-500.

More light yellow colors

Lighter: #bbae3f mixed with white

  1. bbae3f
  2. c1b657
  3. c8be6c
  4. cfc780
  5. d5cf93
  6. dcd7a5
  7. e3dfb7
  8. eae7c9
  9. f1efdb
  10. f8f7ed

Darker: #bbae3f mixed with black

  1. bbae3f
  2. a29735
  3. 8a802c
  4. 736a23
  5. 5c551b
  6. 464112
  7. 322e0a
  8. 1f1c04
  9. 0d0b01
  10. 020100

Calmer: #bbae3f with less saturation

  1. bbae3f
  2. b9ae4f
  3. b8ae5c
  4. b6ae68
  5. b4ae73
  6. b3ad7d
  7. b1ad87
  8. afad90
  9. aeac9a
  10. acaca2

Questions about #bbae3f

What color is #bbae3f?

#bbae3f is bright light yellow. The closest named color is Oil Yellow. In RGB it is rgb(187, 174, 63), in HSL hsl(53.71, 49.6%, 49.02%) and in OKLCH oklch(74.117% 0.13042 102.6).

What colors go well with #bbae3f?

The complementary color of #bbae3f is #9fa0fb. For a calmer combination use the analogous colors #dd9d41 and #8bbc63. The triadic partners are #26bce6 and #e389c1.

Is white or black text more readable on #bbae3f?

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

Is #bbae3f a warm or cool color?

#bbae3f is a neutral color. In OKLCH its hue is 103 degrees, its lightness 74.1% and its chroma 0.13.