#ADBE8A#ADBE8A

#ADBE8A is a light, moderate yellow-green. Relative luminance 0.475; OKLCH L 77.5% C 0.073 H 122.8°. Best body text is #000000 at 10.51:1 contrast (WCAG AA passes).

Color values

HEX#ADBE8A
RGBrgb(173, 190, 138)
HSLhsl(80, 29%, 64%)
HSVhsv(80, 27%, 75%)
CMYKcmyk(8.9%, 0%, 27.4%, 25.5%)
CIE-LABlab(74.54, -14.83, 24.39)
CIE-LCHlch(74.54, 28.54, 121.29°)
OKLaboklab(77.52% -0.0396 0.0615)
OKLCHoklch(77.52% 0.073 122.8)
XYZxyz(40.2340, 47.5461, 31.0975)
Luminance0.4755 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#ADBE8A #9B8ABE
analogous
#BEB58A #ADBE8A #93BE8A
triadic
#ADBE8A #8AADBE #BE8AAD
tetradic
#ADBE8A #8ABEB5 #9B8ABE #BE8A93
square
#ADBE8A #8ABEB5 #9B8ABE #BE8A93
split-complementary
#ADBE8A #8A93BE #B58ABE
monochromatic
#718449 #91A863 #ADBE8A #C9D4B1 #E4EAD9

Accessibility & contrast

On white

2.00
#ADBE8A on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.51
#ADBE8A on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #ADBE8A
10.51:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##ADBE8A#FFFFFF#000000##000000
##ADBE8A1.002.0010.5110.51
#FFFFFF2.001.0021.0021.00
#00000010.5121.001.001.00
##00000010.5121.001.001.00

Color blindness preview

Protanopia (red-blind)
#C4B887
Deuteranopia (green-blind)
#C2B78C
Tritanopia (blue-blind)
#B1B9B0
Achromatopsia (no color)
#B7B7B7

Design tokens & code

CSS
--color: #adbe8a;
/* rgb */ color: rgb(173, 190, 138);
/* oklch */ color: oklch(77.5% 0.073 122.8);
Tailwind
colors: {
  custom: {
    50: '#c6d1ac',
    500: '#adbe8a',
    950: '#000000',
  },
}
SCSS
$custom: #adbe8a;
$custom-light: #c6d1ac;
$custom-dark: #000000;
JSON
{
  "hex": "#adbe8a",
  "rgb": {
    "r": 173,
    "g": 190,
    "b": 138
  },
  "hsl": {
    "h": 79.615,
    "s": 28.571,
    "l": 64.314
  },
  "oklch": {
    "l": 0.77522,
    "c": 0.07315,
    "h": 122.8
  },
  "luminance": 0.47546
}

Semantic roles & 50–950 ramp

primary
#ADBE8A
secondary
#CFC9DB
accent
#3EA761
background
#FCFCFA
surface
#F8F9F4
border
#D1D2CE
text
#131410
muted
#82827F

Preview Lab

Preview with #ADBE8A

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

Preview Lab → · Contrast checker → · Palette generator →

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