Skip to the color picker

#bbba30 color: Spring Forward

#bbba30 is rgb(187, 186, 48) in RGB and oklch(76.607% 0.15147 109.074) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

60°
100%

76.6%
0.151
109°
  • Yellow
  • Light
  • Vivid
  • Neutral
  • ≈ Pistachio
  • yellow-500
  • Black 27%

Inside sRGB: displays the same on any screen.

White text
2.06:1Hard to read
Lc -45
Black text
10.18: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 #bbba30

#bbba30 is a bright light yellow color. In OKLCH it has 76.6% lightness, 0.151 chroma and a hue of 109°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.06:1 contrast and black text 10.18:1, so black text reads better.

The closest named color is Spring Forward (#babd29). In Tailwind CSS the closest color is yellow-500.

More light yellow colors

Lighter: #bbba30 mixed with white

  1. bbba30
  2. c1c14f
  3. c8c867
  4. cecf7c
  5. d5d690
  6. dcdda3
  7. e3e4b6
  8. eaebc8
  9. f1f2db
  10. f8f8ed

Darker: #bbba30 mixed with black

  1. bbba30
  2. a2a128
  3. 8a8921
  4. 73721a
  5. 5c5c13
  6. 46460c
  7. 323206
  8. 1f1e03
  9. 0d0d01
  10. 020200

Calmer: #bbba30 with less saturation

  1. bbba30
  2. baba46
  3. b9b957
  4. b8b966
  5. b7b873
  6. b6b77f
  7. b5b78a
  8. b5b695
  9. b4b59f
  10. b3b4a9

Questions about #bbba30

What color is #bbba30?

#bbba30 is bright light yellow. The closest named color is Spring Forward. In RGB it is rgb(187, 186, 48), in HSL hsl(59.57, 59.15%, 46.08%) and in OKLCH oklch(76.607% 0.15147 109.074).

What colors go well with #bbba30?

The complementary color of #bbba30 is #b1a1ff. For a calmer combination use the analogous colors #e6a621 and #7eca69. The triadic partners are #00c4ff and #f988c2.

Is white or black text more readable on #bbba30?

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

Is #bbba30 a warm or cool color?

#bbba30 is a neutral color. In OKLCH its hue is 109 degrees, its lightness 76.6% and its chroma 0.151.