#688C20#688C20

#688C20 is a mid, vivid yellow-green. Relative luminance 0.218; OKLCH L 59.2% C 0.138 H 126.7°. Best body text is #000000 at 5.36:1 contrast (WCAG AA passes).

Color values

HEX#688C20
RGBrgb(104, 140, 32)
HSLhsl(80, 63%, 34%)
HSVhsv(80, 77%, 55%)
CMYKcmyk(25.7%, 0%, 77.1%, 45.1%)
CIE-LABlab(53.82, -28.66, 49.89)
CIE-LCHlch(53.82, 57.54, 119.88°)
OKLaboklab(59.22% -0.0826 0.1107)
OKLCHoklch(59.22% 0.138 126.7)
XYZxyz(15.3478, 21.8032, 4.7661)
Luminance0.2180 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#688C20 #44208C
analogous
#8C7A20 #688C20 #328C20
triadic
#688C20 #20688C #8C2068
tetradic
#688C20 #208C7A #44208C #8C2032
square
#688C20 #208C7A #44208C #8C2032
split-complementary
#688C20 #20328C #7A208C
monochromatic
#1E2809 #435A15 #688C20 #8DBE2B #AAD750

Accessibility & contrast

On white

3.92
#688C20 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.36
#688C20 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #688C20
5.36:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##688C20#FFFFFF#000000##000000
##688C201.003.925.365.36
#FFFFFF3.921.0021.0021.00
#0000005.3621.001.001.00
##0000005.3621.001.001.00

Color blindness preview

Protanopia (red-blind)
#948207
Deuteranopia (green-blind)
#8F802A
Tritanopia (blue-blind)
#6C8578
Achromatopsia (no color)
#818181

Design tokens & code

CSS
--color: #688c20;
/* rgb */ color: rgb(104, 140, 32);
/* oklch */ color: oklch(59.2% 0.138 126.7);
Tailwind
colors: {
  custom: {
    50: '#97ad64',
    500: '#688c20',
    950: '#000000',
  },
}
SCSS
$custom: #688c20;
$custom-light: #97ad64;
$custom-dark: #000000;
JSON
{
  "hex": "#688c20",
  "rgb": {
    "r": 104,
    "g": 140,
    "b": 32
  },
  "hsl": {
    "h": 80,
    "s": 62.791,
    "l": 33.725
  },
  "oklch": {
    "l": 0.59217,
    "c": 0.13813,
    "h": 126.7
  },
  "luminance": 0.21804
}

Semantic roles & 50–950 ramp

primary
#688C20
secondary
#724EBA
accent
#42E679
background
#F9FAF6
surface
#F2F4EB
border
#CCCEC6
text
#0E1006
muted
#7E7F7A

Preview Lab

Preview with #688C20

Body copy rendered with the generated semantic roles for this colour.

Preview Lab → · Contrast checker → · Palette generator →

#688C20 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva