#ADE39F#ADE39F

#ADE39F is a very light, moderate green. Relative luminance 0.663; OKLCH L 86.2% C 0.107 H 139.3°. Best body text is #000000 at 14.27:1 contrast (WCAG AA passes).

Color values

HEX	#ADE39F
RGB	rgb(173, 227, 159)
HSL	hsl(108, 55%, 76%)
HSV	hsv(108, 30%, 89%)
CMYK	cmyk(23.8%, 0%, 30%, 11%)
CIE-LAB	lab(85.16, -29.85, 27.78)
CIE-LCH	lch(85.16, 40.78, 137.05°)
OKLab	oklab(86.15% -0.0813 0.07)
OKLCH	oklch(86.15% 0.107 139.3)
XYZ	xyz(50.9590, 66.3241, 42.9111)
Luminance	0.6633 (WCAG relative)
Temperature	neutral
Family	green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#ADE39F #D59FE3

analogous

#CFE39F #ADE39F #9FE3B3

triadic

#ADE39F #9FADE3 #E39FAD

tetradic

#ADE39F #9FCFE3 #D59FE3 #E3B39F

square

#ADE39F #9FCFE3 #D59FE3 #E3B39F

split-complementary

#ADE39F #B39FE3 #E39FCF

monochromatic

#5CC740 #85D570 #ADE39F #D5F1CE #EBF8E7

Accessibility & contrast

On white

1.47

#ADE39F on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

14.27

#ADE39F on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #ADE39F

14.27:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##ADE39F	#FFFFFF	#000000	##000000
##ADE39F	1.00	1.47	14.27	14.27
#FFFFFF	1.47	1.00	21.00	21.00
#000000	14.27	21.00	1.00	1.00
##000000	14.27	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#E7D89B

Deuteranopia (green-blind)

#DFD3A3

Tritanopia (blue-blind)

#AADED1

Achromatopsia (no color)

#D5D5D5

Design tokens & code

CSS

--color: #ade39f;
/* rgb */ color: rgb(173, 227, 159);
/* oklch */ color: oklch(86.2% 0.107 139.3);

Tailwind

colors: {
  custom: {
    50: '#c6ecbb',
    500: '#ade39f',
    950: '#000000',
  },
}

SCSS

$custom: #ade39f;
$custom-light: #c6ecbb;
$custom-dark: #000000;

JSON

{
  "hex": "#ade39f",
  "rgb": {
    "r": 173,
    "g": 227,
    "b": 159
  },
  "hsl": {
    "h": 107.647,
    "s": 54.839,
    "l": 75.686
  },
  "oklch": {
    "l": 0.86153,
    "c": 0.10726,
    "h": 139.3
  },
  "luminance": 0.66326
}

Semantic roles & 50–950 ramp

primary

#ADE39F

secondary

#AB6ABD

accent

#23C2A2

background

#FDFEFD

surface

#F9FDF8

border

#D2D5D1

text

#131612

muted

#828482

Preview Lab

Preview with #ADE39F

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

Preview Lab → · Contrast checker → · Palette generator →