#ADCA7E#ADCA7E

#ADCA7E is a light, moderate yellow-green. Relative luminance 0.526; OKLCH L 79.9% C 0.106 H 125.7°. Best body text is #000000 at 11.53:1 contrast (WCAG AA passes).

Color values

HEX#ADCA7E
RGBrgb(173, 202, 126)
HSLhsl(83, 42%, 64%)
HSVhsv(83, 38%, 79%)
CMYKcmyk(14.4%, 0%, 37.6%, 20.8%)
CIE-LABlab(77.66, -22.49, 34.79)
CIE-LCHlch(77.66, 41.43, 122.89°)
OKLaboklab(79.95% -0.0616 0.0857)
OKLCHoklch(79.95% 0.106 125.7)
XYZxyz(42.1196, 52.6314, 27.6745)
Luminance0.5263 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#ADCA7E #9B7ECA
analogous
#CAC17E #ADCA7E #87CA7E
triadic
#ADCA7E #7EADCA #CA7EAD
tetradic
#ADCA7E #7ECAC1 #9B7ECA #CA7E87
square
#ADCA7E #7ECAC1 #9B7ECA #CA7E87
split-complementary
#ADCA7E #7E87CA #C17ECA
monochromatic
#71923C #91B853 #ADCA7E #C9DCA9 #E4EED5

Accessibility & contrast

On white

1.82
#ADCA7E on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

11.53
#ADCA7E on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #ADCA7E
11.53:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##ADCA7E#FFFFFF#000000##000000
##ADCA7E1.001.8211.5311.53
#FFFFFF1.821.0021.0021.00
#00000011.5321.001.001.00
##00000011.5321.001.001.00

Color blindness preview

Protanopia (red-blind)
#D2C178
Deuteranopia (green-blind)
#CEC082
Tritanopia (blue-blind)
#B1C3B7
Achromatopsia (no color)
#C0C0C0

Design tokens & code

CSS
--color: #adca7e;
/* rgb */ color: rgb(173, 202, 126);
/* oklch */ color: oklch(79.9% 0.106 125.7);
Tailwind
colors: {
  custom: {
    50: '#c6daa4',
    500: '#adca7e',
    950: '#000000',
  },
}
SCSS
$custom: #adca7e;
$custom-light: #c6daa4;
$custom-dark: #000000;
JSON
{
  "hex": "#adca7e",
  "rgb": {
    "r": 173,
    "g": 202,
    "b": 126
  },
  "hsl": {
    "h": 82.895,
    "s": 41.758,
    "l": 64.314
  },
  "oklch": {
    "l": 0.79949,
    "c": 0.10552,
    "h": 125.7
  },
  "luminance": 0.52632
}

Semantic roles & 50–950 ramp

primary
#ADCA7E
secondary
#6E5499
accent
#31B563
background
#FDFEFC
surface
#F9FBF6
border
#D2D4D0
text
#13140F
muted
#828380

Preview Lab

Preview with #ADCA7E

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

Preview Lab → · Contrast checker → · Palette generator →

#ADCA7E Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva