#6FD372#6FD372

#6FD372 is a light, vivid green. Relative luminance 0.512; OKLCH L 78.3% C 0.164 H 144.4°. Best body text is #000000 at 11.24:1 contrast (WCAG AA passes).

Color values

HEX	#6FD372
RGB	rgb(111, 211, 114)
HSL	hsl(122, 53%, 63%)
HSV	hsv(122, 47%, 83%)
CMYK	cmyk(47.4%, 0%, 46%, 17.3%)
CIE-LAB	lab(76.79, -48.94, 39.06)
CIE-LCH	lch(76.79, 62.61, 141.40°)
OKLab	oklab(78.32% -0.133 0.0953)
OKLCH	oklch(78.32% 0.164 144.4)
XYZ	xyz(32.8854, 51.1806, 24.0623)
Luminance	0.5118 (WCAG relative)
Temperature	neutral
Family	green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#6FD372 #D36FD0

analogous

#9ED36F #6FD372 #6FD3A4

triadic

#6FD372 #726FD3 #D3726F

tetradic

#6FD372 #6F9ED3 #D36FD0 #D3A46F

square

#6FD372 #6F9ED3 #D36FD0 #D3A46F

split-complementary

#6FD372 #A46FD3 #D36F9E

monochromatic

#2F9932 #40C544 #6FD372 #9EE1A0 #CDF0CE

Accessibility & contrast

On white

1.87

#6FD372 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

11.24

#6FD372 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #6FD372

11.24:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##6FD372	#FFFFFF	#000000	##000000
##6FD372	1.00	1.87	11.24	11.24
#FFFFFF	1.87	1.00	21.00	21.00
#000000	11.24	21.00	1.00	1.00
##000000	11.24	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#D6C36A

Deuteranopia (green-blind)

#C8BA78

Tritanopia (blue-blind)

#61CEBC

Achromatopsia (no color)

#BDBDBD

Design tokens & code

CSS

--color: #6fd372;
/* rgb */ color: rgb(111, 211, 114);
/* oklch */ color: oklch(78.3% 0.164 144.4);

Tailwind

colors: {
  custom: {
    50: '#9ee19c',
    500: '#6fd372',
    950: '#000000',
  },
}

SCSS

$custom: #6fd372;
$custom-light: #9ee19c;
$custom-dark: #000000;

JSON

{
  "hex": "#6fd372",
  "rgb": {
    "r": 111,
    "g": 211,
    "b": 114
  },
  "hsl": {
    "h": 121.8,
    "s": 53.191,
    "l": 63.137
  },
  "oklch": {
    "l": 0.78317,
    "c": 0.16363,
    "h": 144.4
  },
  "luminance": 0.51183
}

Semantic roles & 50–950 ramp

primary

#6FD372

secondary

#9E489B

accent

#25BCC1

background

#FCFEFC

surface

#F5FCF5

border

#CFD5CF

text

#0F150E

muted

#80847F

Preview Lab

Preview with #6FD372

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

Preview Lab → · Contrast checker → · Palette generator →