Skip to the color picker

#bdb303 color: Olive Yellow

#bdb303 is rgb(189, 179, 3) in RGB and oklch(75.105% 0.15933 105.583) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

57°
100%

75.1%
0.159
106°
  • Yellow
  • Light
  • Vivid
  • Neutral
  • ≈ Pistachio
  • yellow-500
  • Black 26%

Inside sRGB: displays the same on any screen.

White text
2.18:1Hard to read
Lc -47
Black text
9.61:1Readable · AA
Lc 61

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

#bdb303 is a bright light yellow color. In OKLCH it has 75.1% lightness, 0.159 chroma and a hue of 106°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.18:1 contrast and black text 9.61:1, so black text reads better.

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

More light yellow colors

Lighter: #bdb303 mixed with white

  1. bdb303
  2. c3bb3d
  3. c9c35a
  4. d0ca72
  5. d6d288
  6. ddda9c
  7. e3e1b1
  8. eae9c4
  9. f1f0d8
  10. f8f8ec

Darker: #bdb303 mixed with black

  1. bdb303
  2. a49b02
  3. 8c8402
  4. 746e01
  5. 5d5801
  6. 474300
  7. 332f00
  8. 1f1d00
  9. 0d0c00
  10. 020100

Calmer: #bdb303 with less saturation

  1. bdb303
  2. bbb332
  3. bab349
  4. b8b25a
  5. b6b269
  6. b5b276
  7. b3b182
  8. b2b18e
  9. b1b099
  10. afafa4

Questions about #bdb303

What color is #bdb303?

#bdb303 is bright light yellow. The closest named color is Olive Yellow. In RGB it is rgb(189, 179, 3), in HSL hsl(56.77, 96.88%, 37.65%) and in OKLCH oklch(75.105% 0.15933 105.583).

What colors go well with #bdb303?

The complementary color of #bdb303 is #a69dff. For a calmer combination use the analogous colors #e79d00 and #7fc457. The triadic partners are #00c1fa and #f481c4.

Is white or black text more readable on #bdb303?

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

Is #bdb303 a warm or cool color?

#bdb303 is a neutral color. In OKLCH its hue is 106 degrees, its lightness 75.1% and its chroma 0.159.