What is the hex code for Olive?

The hex code for Olive is #808000. In RGB that is rgb(128, 128, 0), and in HSL it is hsl(60, 100%, 25%).

What RGB values make Olive?

Olive is 128 red, 128 green, and 0 blue, written as rgb(128, 128, 0).

Olive scores 4.2:1 against white. WCAG AA needs 4.5:1 for body text, so it fails and should be used for fills or borders rather than type.

Yes. You can write color: olive directly in CSS, which every browser resolves to #808000.

#808000

Olive is a yellow tone at #808000. It sits at 60 degrees on the color wheel with 100% saturation and 25% lightness.

Color values

Tints mix Olive with white, shades mix it with black. Use the light end for backgrounds and the dark end for text that has to stay readable.

Tint 80%

#E6E6CC

Tint 60%

#CCCC99

Tint 40%

#B3B366

Tint 20%

#999933

Base

#808000

Shade 20%

#666600

Shade 40%

#4D4D00

Shade 60%

#333300

Shade 80%

#1A1A00

On white

Sample text

4.2:1

Large text only

On black

Sample text

5.01:1

Passes AA for body text

Check a specific pairing in the contrast checker.

Frequently asked

What is the hex code for Olive?: The hex code for Olive is #808000. In RGB that is rgb(128, 128, 0), and in HSL it is hsl(60, 100%, 25%).
What RGB values make Olive?: Olive is 128 red, 128 green, and 0 blue, written as rgb(128, 128, 0).
Is Olive readable as text on a white background?: Olive scores 4.2:1 against white. WCAG AA needs 4.5:1 for body text, so it fails and should be used for fills or borders rather than type.
Is Olive a valid CSS color name?: Yes. You can write color: olive directly in CSS, which every browser resolves to #808000.