Bright Olive #9CBB04

About this color

#9CBB04 is a medium-light, vivid yellow. In OKLCH its lightness is 74%, its chroma 0.177 and its hue 121°. Its hue sits between the warm and cool halves of the wheel. It is the named color Bright Olive. Black text reads best on it, at 9.52:1.

Colors that go with Bright Olive

Matches found by rotating Bright Olive around the OKLCH hue wheel, each labelled with the closest name in our list.

Color palettes with Bright Olive

Curated color palettes that contain a color within ΔE 0.06 (OKLab) of Bright Olive, closest first.

• Clementine Grove
• Kumquat Peel
• Hay and Buttercup

Similar named colors

The eight named colors closest to Bright Olive, with their ΔE distance.

• Pea #A4BF20 ΔE 0.017
• Mustard Green #A8B504 ΔE 0.022
• Dark Lime #84B701 ΔE 0.033
• Dark Lime Green #7EBD01 ΔE 0.036
• Avocado #90B134 ΔE 0.039
• Icky Green #8FAE22 ΔE 0.043
• Slime Green #99CC04 ΔE 0.046
• Yellow Green #9ACD32 ΔE 0.047

More about Bright Olive

• Shades of green
• What green means

How to make Bright Olive

A starting recipe from common paint colors, found with a spectral paint model (the color mixer’s paint mode). Real pigments vary, so mix a small test batch and adjust.

• 4 parts yellow
• 2 parts green
• 1 part brown

Recipe result: #9EBF31, a difference of ΔE 0.017 from Bright Olive. That is very close: most people will not see the difference.

What colors make green? | Color mixing chart

Codes for Bright Olive in every format

Contrast

WCAG 2 contrast ratios are the conformance target: AA needs 4.5:1 for body text and 3:1 for large text, AAA needs 7:1. APCA Lc values are supplementary guidance from the WCAG 3 drafts.

Shades and tints of Bright Olive

A 50–950 scale built in OKLCH: the hue is held, lightness follows a Tailwind v4-like curve, and every step is kept inside the sRGB gamut. This color sits at step 400.

1. Step 50

   50

   #F4F7EC

   oklch(97.1% 0.015 119.1)

2. Step 100

   100

   #E6EED6

   oklch(93.7% 0.033 122.1)

3. Step 200

   200

   #D3E0B3

   oklch(88.5% 0.061 120.8)

4. Step 300

   300

   #B6CC79

   oklch(81% 0.111 121)

5. Step 400

   400 (this color)

   #9CBB04

   oklch(74.2% 0.177 120.9)

6. Step 500

   500

   #7D9600

   oklch(63.1% 0.151 120.8)

7. Step 600

   600

   #687E00

   oklch(55.5% 0.133 121.1)

8. Step 700

   700

   #576A00

   oklch(49.1% 0.118 121.1)

9. Step 800

   800

   #475700

   oklch(42.8% 0.103 121.1)

10. Step 900

    900

    #3B4800

    oklch(37.7% 0.09 120.7)

11. Step 950

    950

    #222B00

    oklch(27.1% 0.065 121.1)

Export this scale for Tailwind in the Tailwind colors tool

Bright Olive with color blindness

Simulated with the Machado et al. (2009) model. ΔE is how far the color moves: below about 0.02 you would not notice a change.