#6ECD28#6ECD28

#6ECD28 is a light, highly saturated yellow-green. Relative luminance 0.471; OKLCH L 76.0% C 0.210 H 135.7°. Best body text is #000000 at 10.43:1 contrast (WCAG AA passes).

Color values

HEX#6ECD28
RGBrgb(110, 205, 40)
HSLhsl(95, 67%, 48%)
HSVhsv(95, 80%, 80%)
CMYKcmyk(46.3%, 0%, 80.5%, 19.6%)
CIE-LABlab(74.27, -53.88, 66.64)
CIE-LCHlch(74.27, 85.70, 128.96°)
OKLaboklab(76.03% -0.1505 0.147)
OKLCHoklch(76.03% 0.21 135.7)
XYZxyz(28.6440, 47.1290, 9.5945)
Luminance0.4713 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#6ECD28 #8728CD
analogous
#C1CD28 #6ECD28 #28CD34
triadic
#6ECD28 #286ECD #CD286E
tetradic
#6ECD28 #28C1CD #8728CD #CD3428
square
#6ECD28 #28C1CD #8728CD #CD3428
split-complementary
#6ECD28 #3428CD #CD28C1
monochromatic
#376714 #539A1E #6ECD28 #8FDE54 #B0E888

Accessibility & contrast

On white

2.01
#6ECD28 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.43
#6ECD28 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #6ECD28
10.43:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##6ECD28#FFFFFF#000000##000000
##6ECD281.002.0110.4310.43
#FFFFFF2.011.0021.0021.00
#00000010.4321.001.001.00
##00000010.4321.001.001.00

Color blindness preview

Protanopia (red-blind)
#D5BC00
Deuteranopia (green-blind)
#C8B43C
Tritanopia (blue-blind)
#6AC5AF
Achromatopsia (no color)
#B7B7B7

Design tokens & code

CSS
--color: #6ecd28;
/* rgb */ color: rgb(110, 205, 40);
/* oklch */ color: oklch(76.0% 0.210 135.7);
Tailwind
colors: {
  custom: {
    50: '#a0dd71',
    500: '#6ecd28',
    950: '#000000',
  },
}
SCSS
$custom: #6ecd28;
$custom-light: #a0dd71;
$custom-dark: #000000;
JSON
{
  "hex": "#6ecd28",
  "rgb": {
    "r": 110,
    "g": 205,
    "b": 40
  },
  "hsl": {
    "h": 94.545,
    "s": 67.347,
    "l": 48.039
  },
  "oklch": {
    "l": 0.7603,
    "c": 0.2104,
    "h": 135.7
  },
  "luminance": 0.47131
}

Semantic roles & 50–950 ramp

primary
#6ECD28
secondary
#AF80D1
accent
#3EEAA1
background
#FAFDF7
surface
#F4FBED
border
#CED4C8
text
#101508
muted
#7F837B

Preview Lab

Preview with #6ECD28

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

Preview Lab → · Contrast checker → · Palette generator →

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