#ADFC7C#ADFC7C

#ADFC7C is a very light, vivid yellow-green. Relative luminance 0.800; OKLCH L 91.2% C 0.179 H 134.8°. Best body text is #000000 at 16.99:1 contrast (WCAG AA passes).

Color values

HEX#ADFC7C
RGBrgb(173, 252, 124)
HSLhsl(97, 96%, 74%)
HSVhsv(97, 51%, 99%)
CMYKcmyk(31.3%, 0%, 50.8%, 1.2%)
CIE-LABlab(91.67, -45.71, 53.27)
CIE-LCHlch(91.67, 70.19, 130.63°)
OKLaboklab(91.25% -0.1262 0.1272)
OKLCHoklch(91.25% 0.179 134.8)
XYZxyz(55.6808, 79.9582, 31.5646)
Luminance0.7996 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#ADFC7C #CB7CFC
analogous
#EDFC7C #ADFC7C #7CFC8B
triadic
#ADFC7C #7CADFC #FC7CAD
tetradic
#ADFC7C #7CEDFC #CB7CFC #FC8B7C
square
#ADFC7C #7CEDFC #CB7CFC #FC8B7C
split-complementary
#ADFC7C #8B7CFC #FC7CED
monochromatic
#62F806 #88FB40 #ADFC7C #D2FDB8 #ECFEE1

Accessibility & contrast

On white

1.24
#ADFC7C on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

16.99
#ADFC7C on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #ADFC7C
16.99:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##ADFC7C#FFFFFF#000000##000000
##ADFC7C1.001.2416.9916.99
#FFFFFF1.241.0021.0021.00
#00000016.9921.001.001.00
##00000016.9921.001.001.00

Color blindness preview

Protanopia (red-blind)
#FFEB70
Deuteranopia (green-blind)
#F9E584
Tritanopia (blue-blind)
#ACF4DF
Achromatopsia (no color)
#E7E7E7

Design tokens & code

CSS
--color: #adfc7c;
/* rgb */ color: rgb(173, 252, 124);
/* oklch */ color: oklch(91.2% 0.179 134.8);
Tailwind
colors: {
  custom: {
    50: '#c9fea5',
    500: '#adfc7c',
    950: '#000000',
  },
}
SCSS
$custom: #adfc7c;
$custom-light: #c9fea5;
$custom-dark: #000000;
JSON
{
  "hex": "#adfc7c",
  "rgb": {
    "r": 173,
    "g": 252,
    "b": 124
  },
  "hsl": {
    "h": 97.031,
    "s": 95.522,
    "l": 73.725
  },
  "oklch": {
    "l": 0.91248,
    "c": 0.17921,
    "h": 134.8
  },
  "luminance": 0.7996
}

Semantic roles & 50–950 ramp

primary
#ADFC7C
secondary
#A043DA
accent
#00E68E
background
#FEFFFC
surface
#FAFFF6
border
#D3D7D0
text
#13180F
muted
#838680

Preview Lab

Preview with #ADFC7C

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

Preview Lab → · Contrast checker → · Palette generator →

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