#83A161#83A161

#83A161 is a light, moderate yellow-green. Relative luminance 0.312; OKLCH L 67.0% C 0.095 H 129.1°. Best body text is #000000 at 7.24:1 contrast (WCAG AA passes).

Color values

HEX	#83A161
RGB	rgb(131, 161, 97)
HSL	hsl(88, 25%, 51%)
HSV	hsv(88, 40%, 63%)
CMYK	cmyk(18.6%, 0%, 39.8%, 36.9%)
CIE-LAB	lab(62.66, -21.86, 29.97)
CIE-LCH	lch(62.66, 37.10, 126.11°)
OKLab	oklab(67.04% -0.06 0.0737)
OKLCH	oklch(67.04% 0.095 129.1)
XYZ	xyz(24.2623, 31.1778, 16.0466)
Luminance	0.3118 (WCAG relative)
Temperature	warm
Family	yellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#83A161 #7F61A1

analogous

#A19F61 #83A161 #63A161

triadic

#83A161 #6183A1 #A16183

tetradic

#83A161 #61A19F #7F61A1 #A16163

square

#83A161 #61A19F #7F61A1 #A16163

split-complementary

#83A161 #6163A1 #9F61A1

monochromatic

#455533 #647B49 #83A161 #A1B887 #BFCFAE

Accessibility & contrast

On white

2.90

#83A161 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

7.24

#83A161 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #83A161

7.24:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##83A161	#FFFFFF	#000000	##000000
##83A161	1.00	2.90	7.24	7.24
#FFFFFF	2.90	1.00	21.00	21.00
#000000	7.24	21.00	1.00	1.00
##000000	7.24	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#A7995C

Deuteranopia (green-blind)

#A29764

Tritanopia (blue-blind)

#859C91

Achromatopsia (no color)

#989898

Design tokens & code

CSS

--color: #83a161;
/* rgb */ color: rgb(131, 161, 97);
/* oklch */ color: oklch(67.0% 0.095 129.1);

Tailwind

colors: {
  custom: {
    50: '#a8bd8f',
    500: '#83a161',
    950: '#000000',
  },
}

SCSS

$custom: #83a161;
$custom-light: #a8bd8f;
$custom-dark: #000000;

JSON

{
  "hex": "#83a161",
  "rgb": {
    "r": 131,
    "g": 161,
    "b": 97
  },
  "hsl": {
    "h": 88.125,
    "s": 25.397,
    "l": 50.588
  },
  "oklch": {
    "l": 0.67043,
    "c": 0.09499,
    "h": 129.1
  },
  "luminance": 0.31178
}

Semantic roles & 50–950 ramp

primary

#83A161

secondary

#AEA1BD

accent

#66C291

background

#FAFBF8

surface

#F4F6F0

border

#CED0CB

text

#10120C

muted

#7F817D

Preview Lab

Preview with #83A161

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

Preview Lab → · Contrast checker → · Palette generator →