What is the hex code for OliveDrab?

The hex code for OliveDrab is #6B8E23.

What is the RGB value of OliveDrab?

The RGB value of OliveDrab is rgb(107, 142, 35).

What is the HSL value of OliveDrab?

The HSL value of OliveDrab is hsl(80, 60%, 35%).

What is the HSV value of OliveDrab?

The HSV value of OliveDrab is hsv(80, 75%, 56%).

What CSS code do I use for OliveDrab?

Use background-color: #6B8E23; for background, color: #6B8E23; for text, or border: 1px solid #6B8E23; for borders.

OliveDrab Hex #6B8E23: HTML Color Code & Gradients

OliveDrab (#6B8E23) Color Codes & Gradients

Color Preview

Make a gradient with OliveDrab →

Opens OliveDrab with a similar color in the generator: change the colors or the gradient type, then copy the CSS or download. More gradient variations below.

Technical Color Values (Hex, RGB, HSV, HSL)

HTML Name	olivedrab
Hex	#6B8E23
RGB	rgb(107, 142, 35)
HSV	hsv(80, 75%, 56%)
HSL	hsl(80, 60%, 35%)
OKLCH	oklch(59.95% 0.1374 126.32)

What is the color name for #6B8E23?

#6B8E23 color name is OliveDrab.

Color Information

The HTML color OliveDrab has the hexadecimal code #6B8E23 and in the RGB color space is composed of 42% red, 56% green, and 14% blue. The color OliveDrab has a hue angle of 79.6 degrees, a saturation of 60.5% and a lightness of 34.7%.

OliveDrab CSS Code Snippets

Background Color

.bg-olivedrab { background-color: #6B8E23; }

Text Color

.text-olivedrab { color: #6B8E23; }

Border Color

.border-olivedrab { border: 1px solid #6B8E23; }

Shade Gradient

.gradient-shade-olivedrab { background: linear-gradient(135deg, #6B8E23, #212C0B); }

Tint Gradient

.gradient-tint-olivedrab { background: linear-gradient(135deg, #6B8E23, #ACD556); }

Monochromatic Gradient

.gradient-mono-olivedrab { background: linear-gradient(135deg, #6B8E23, #A2D735); }

OliveDrab Shades

#5F7E1F

#526D1B

#465D17

#3A4D13

#2D3C0F

#212C0B

OliveDrab Tints

#779E27

#84AF2B

#90BF2F

#9CCD35

#A4D146

#ACD556

OliveDrab Tones

#67822E

#63773A

#5F6B46

#5B6051

#585858

OliveDrab Monochromatic

#A2D735

#86B22C

#6B8E23

#506A1A

#344511

#192108

Similar Colors to OliveDrab

#8E8D23

#808E23

#728E23

#648E23

#568E23

#478E23

Generate a Gradient

Generate a shade gradient →

Generate a tint gradient →

Generate a tone gradient →

Generate a monochromatic gradient →

Generate a similar color gradient →

CSS Gradient Generator