#6DE457#6DE457

#6DE457 is a very light, highly saturated green. Relative luminance 0.594; OKLCH L 82.1% C 0.210 H 140.7°. Best body text is #000000 at 12.89:1 contrast (WCAG AA passes).

Color values

HEX#6DE457
RGBrgb(109, 228, 87)
HSLhsl(111, 72%, 62%)
HSVhsv(111, 62%, 89%)
CMYKcmyk(52.2%, 0%, 61.8%, 10.6%)
CIE-LABlab(81.52, -59.37, 57.17)
CIE-LCHlch(81.52, 82.42, 136.08°)
OKLaboklab(82.08% -0.1625 0.1331)
OKLCHoklch(82.08% 0.21 140.7)
XYZxyz(35.7688, 59.4233, 18.6000)
Luminance0.5943 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#6DE457 #CE57E4
analogous
#B4E457 #6DE457 #57E488
triadic
#6DE457 #576DE4 #E4576D
tetradic
#6DE457 #57B4E4 #CE57E4 #E48857
square
#6DE457 #57B4E4 #CE57E4 #E48857
split-complementary
#6DE457 #8857E4 #E457B4
monochromatic
#30A61B #40DB23 #6DE457 #9BEC8C #C9F5C0

Accessibility & contrast

On white

1.63
#6DE457 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.89
#6DE457 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #6DE457
12.89:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##6DE457#FFFFFF#000000##000000
##6DE4571.001.6312.8912.89
#FFFFFF1.631.0021.0021.00
#00000012.8921.001.001.00
##00000012.8921.001.001.00

Color blindness preview

Protanopia (red-blind)
#EAD147
Deuteranopia (green-blind)
#DAC763
Tritanopia (blue-blind)
#5FDDC6
Achromatopsia (no color)
#CBCBCB

Design tokens & code

CSS
--color: #6de457;
/* rgb */ color: rgb(109, 228, 87);
/* oklch */ color: oklch(82.1% 0.210 140.7);
Tailwind
colors: {
  custom: {
    50: '#a0ed8b',
    500: '#6de457',
    950: '#000000',
  },
}
SCSS
$custom: #6de457;
$custom-light: #a0ed8b;
$custom-dark: #000000;
JSON
{
  "hex": "#6de457",
  "rgb": {
    "r": 109,
    "g": 228,
    "b": 87
  },
  "hsl": {
    "h": 110.638,
    "s": 72.308,
    "l": 61.765
  },
  "oklch": {
    "l": 0.82084,
    "c": 0.21002,
    "h": 140.7
  },
  "luminance": 0.59426
}

Semantic roles & 50–950 ramp

primary
#6DE457
secondary
#9637A8
accent
#11D4B6
background
#FDFFFC
surface
#F7FEF4
border
#D0D6CE
text
#10160C
muted
#81857F

Preview Lab

Preview with #6DE457

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

Preview Lab → · Contrast checker → · Palette generator →

#6DE457 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva