Olivedrab #6B8E23
olivedrab · rgb(107, 142, 35)
Color formats
HEX#6B8E23
RGBrgb(107, 142, 35)
HSLhsl(80, 60%, 35%)
HSVhsv(80, 75%, 56%)
OKLCHoklch(60% 0.14 126)
CMYKcmyk(25%, 0%, 75%, 44%)
Contrast & accessibility
On white3.81:1below AA
On black5.52:1AA pass
Best text color#000000
Nearest CSS name: olivedrab
Copy-ready code
CSS custom properties
:root {
--olivedrab: #6b8e23;
--olivedrab-rgb: 107 142 35;
--olivedrab-oklch: oklch(60% 0.14 126);
}The space-separated triple lets you set alpha without a second variable:
background: rgb(var(--olivedrab-rgb) / 40%);
Tailwind (arbitrary value)
bg-[#6b8e23] text-[#6b8e23] border-[#6b8e23]
Shades & tints
50
#E9EDE2
100
#DBE2CD
200
#C0D19F
300
#A8C56B
400
#8EB73A
500
#6B8E23
600
#56701F
700
#41541A
800
#2C3814
900
#181F0C
950
#0F1207
Color harmonies
Complementary
#46238E
Analogous −30°
#8E7C23
Analogous +30°
#358E23
Triadic +120°
#236B8E
Triadic −120°
#8E236B
About this color
#6B8E23 is a color with the RGB value rgb(107, 142, 35). Its closest CSS named color is "olivedrab". On this page you'll find every format (HEX, RGB, HSL, HSV, OKLCH, CMYK), WCAG contrast against white and black, a full 50–950 shade scale, and complementary, analogous and triadic harmonies — each linking to its own color page.