#659E48#659E48

#659E48 is a light, vivid yellow-green. Relative luminance 0.277; OKLCH L 64.0% C 0.133 H 136.2°. Best body text is #000000 at 6.54:1 contrast (WCAG AA passes).

Color values

HEX	#659E48
RGB	rgb(101, 158, 72)
HSL	hsl(100, 37%, 45%)
HSV	hsv(100, 54%, 62%)
CMYK	cmyk(36.1%, 0%, 54.4%, 38%)
CIE-LAB	lab(59.61, -34.75, 38.68)
CIE-LCH	lch(59.61, 52.00, 131.94°)
OKLab	oklab(63.99% -0.0959 0.092)
OKLCH	oklch(63.99% 0.133 136.2)
XYZ	xyz(18.7629, 27.6875, 10.4852)
Luminance	0.2769 (WCAG relative)
Temperature	warm
Family	yellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#659E48 #81489E

analogous

#909E48 #659E48 #489E56

triadic

#659E48 #48659E #9E4865

tetradic

#659E48 #48909E #81489E #9E5648

square

#659E48 #48909E #81489E #9E5648

split-complementary

#659E48 #56489E #9E4890

monochromatic

#2F4A22 #4A7435 #659E48 #84BB69 #A7CE93

Accessibility & contrast

On white

3.21

#659E48 on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

6.54

#659E48 on #000000

AA ✓AA large ✓AAA ✗

Best text color

#000000 on #659E48

6.54:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##659E48	#FFFFFF	#000000	##000000
##659E48	1.00	3.21	6.54	6.54
#FFFFFF	3.21	1.00	21.00	21.00
#000000	6.54	21.00	1.00	1.00
##000000	6.54	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#A39340

Deuteranopia (green-blind)

#9B8E4E

Tritanopia (blue-blind)

#63998B

Achromatopsia (no color)

#909090

Design tokens & code

CSS

--color: #659e48;
/* rgb */ color: rgb(101, 158, 72);
/* oklch */ color: oklch(64.0% 0.133 136.2);

Tailwind

colors: {
  custom: {
    50: '#94bb7d',
    500: '#659e48',
    950: '#000000',
  },
}

SCSS

$custom: #659e48;
$custom-light: #94bb7d;
$custom-dark: #000000;

JSON

{
  "hex": "#659e48",
  "rgb": {
    "r": 101,
    "g": 158,
    "b": 72
  },
  "hsl": {
    "h": 99.767,
    "s": 37.391,
    "l": 45.098
  },
  "oklch": {
    "l": 0.6399,
    "c": 0.13284,
    "h": 136.2
  },
  "luminance": 0.27688
}

Semantic roles & 50–950 ramp

primary

#659E48

secondary

#A988BA

accent

#5ACDA7

background

#F9FBF7

surface

#F2F6EE

border

#CCD0C9

text

#0D120A

muted

#7E817C

Preview Lab

Preview with #659E48

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

Preview Lab → · Contrast checker → · Palette generator →