CSS named color
OliveDrab
#6B8E23
HEX
#6b8e23RGB
rgb(107, 142, 35)HSL
hsl(80, 60%, 35%)OKLCH
oklch(59.95% 0.1374 126.32)NAME
olivedrabPalette
Complementary
180° on the color wheelComplement
#47248F
Analogous
±30° around the base hueLeft
#8F7D24
Right
#368F24
Triadic
±120° for harmonic contrastTriad 1
#246B8F
Triad 2
#8F246B
Shades
Lighter and darker variantsCSS usage
By name
color: olivedrab;
background-color: olivedrab;By HEX
color: #6b8e23;
background-color: #6b8e23;By RGB
color: rgb(107, 142, 35);
background-color: rgb(107, 142, 35);By HSL
color: hsl(80, 60%, 35%);
background-color: hsl(80, 60%, 35%);WCAG contrast vs white
Aa
3.81:1
AA (large text)
WCAG contrast vs black
Aa
5.52:1
AA
Related colors
FAQ — OliveDrab
What is the HEX code for OliveDrab?
The HEX code for OliveDrab is #6B8E23. It's one of the 148 named CSS colors and can be used directly in CSS as color: olivedrab; or color: #6b8e23;
What is OliveDrab in RGB?
OliveDrab in RGB is rgb(107, 142, 35) — red 107, green 142, blue 35.
What is OliveDrab in HSL?
OliveDrab in HSL is hsl(80, 60%, 35%) — hue 80°, saturation 60%, lightness 35%.
What is the complementary color of OliveDrab?
The complementary color (directly opposite OliveDrab on the color wheel) is #47248F. The two together produce maximum contrast.
Is white text readable on OliveDrab?
The WCAG contrast ratio against white (#FFFFFF) is 3.81:1, and against black (#000000) it's 5.52:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.