#6AE661#6AE661

#6AE661 is a very light, highly saturated green. Relative luminance 0.605; OKLCH L 82.6% C 0.206 H 142.3°. Best body text is #000000 at 13.10:1 contrast (WCAG AA passes).

Color values

HEX	#6AE661
RGB	rgb(106, 230, 97)
HSL	hsl(116, 73%, 64%)
HSV	hsv(116, 58%, 90%)
CMYK	cmyk(53.9%, 0%, 57.8%, 9.8%)
CIE-LAB	lab(82.12, -59.84, 53.49)
CIE-LCH	lch(82.12, 80.26, 138.21°)
OKLab	oklab(82.58% -0.163 0.1261)
OKLCH	oklch(82.58% 0.206 142.3)
XYZ	xyz(36.3965, 60.5178, 21.0701)
Luminance	0.6052 (WCAG relative)
Temperature	neutral
Family	green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#6AE661 #DD61E6

analogous

#ADE661 #6AE661 #61E69B

triadic

#6AE661 #616AE6 #E6616A

tetradic

#6AE661 #61ADE6 #DD61E6 #E69B61

square

#6AE661 #61ADE6 #DD61E6 #E69B61

split-complementary

#6AE661 #9B61E6 #E661AD

monochromatic

#26B11C #38DE2C #6AE661 #9CEE96 #CEF7CB

Accessibility & contrast

On white

1.60

#6AE661 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

13.10

#6AE661 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #6AE661

13.10:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##6AE661	#FFFFFF	#000000	##000000
##6AE661	1.00	1.60	13.10	13.10
#FFFFFF	1.60	1.00	21.00	21.00
#000000	13.10	21.00	1.00	1.00
##000000	13.10	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#EBD353

Deuteranopia (green-blind)

#DBC86B

Tritanopia (blue-blind)

#59E0C9

Achromatopsia (no color)

#CCCCCC

Design tokens & code

CSS

--color: #6ae661;
/* rgb */ color: rgb(106, 230, 97);
/* oklch */ color: oklch(82.6% 0.206 142.3);

Tailwind

colors: {
  custom: {
    50: '#9fef92',
    500: '#6ae661',
    950: '#000000',
  },
}

SCSS

$custom: #6ae661;
$custom-light: #9fef92;
$custom-dark: #000000;

JSON

{
  "hex": "#6ae661",
  "rgb": {
    "r": 106,
    "g": 230,
    "b": 97
  },
  "hsl": {
    "h": 115.94,
    "s": 72.678,
    "l": 64.118
  },
  "oklch": {
    "l": 0.82576,
    "c": 0.20613,
    "h": 142.3
  },
  "luminance": 0.60521
}

Semantic roles & 50–950 ramp

primary

#6AE661

secondary

#A93AB1

accent

#11D5C7

background

#FCFFFC

surface

#F6FEF4

border

#D0D6CE

text

#10160D

muted

#80857F

Preview Lab

Preview with #6AE661

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

Preview Lab → · Contrast checker → · Palette generator →