#6CBB3B#6CBB3B

#6CBB3B is a light, vivid yellow-green. Relative luminance 0.390; OKLCH L 71.5% C 0.179 H 135.8°. Best body text is #000000 at 8.81:1 contrast (WCAG AA passes).

Color values

HEX#6CBB3B
RGBrgb(108, 187, 59)
HSLhsl(97, 52%, 48%)
HSVhsv(97, 68%, 73%)
CMYKcmyk(42.2%, 0%, 68.4%, 26.7%)
CIE-LABlab(68.78, -46.18, 54.84)
CIE-LCHlch(68.78, 71.70, 130.10°)
OKLaboklab(71.54% -0.1284 0.125)
OKLCHoklch(71.54% 0.179 135.8)
XYZxyz(24.7435, 39.0432, 10.3691)
Luminance0.3905 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#6CBB3B #8A3BBB
analogous
#ACBB3B #6CBB3B #3BBB4A
triadic
#6CBB3B #3B6CBB #BB3B6C
tetradic
#6CBB3B #3BACBB #8A3BBB #BB4A3B
square
#6CBB3B #3BACBB #8A3BBB #BB4A3B
split-complementary
#6CBB3B #4A3BBB #BB3BAC
monochromatic
#365E1E #518C2C #6CBB3B #8DCE65 #B0DD93

Accessibility & contrast

On white

2.38
#6CBB3B on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.81
#6CBB3B on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #6CBB3B
8.81:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##6CBB3B#FFFFFF#000000##000000
##6CBB3B1.002.388.818.81
#FFFFFF2.381.0021.0021.00
#0000008.8121.001.001.00
##0000008.8121.001.001.00

Color blindness preview

Protanopia (red-blind)
#C2AC28
Deuteranopia (green-blind)
#B7A546
Tritanopia (blue-blind)
#69B4A1
Achromatopsia (no color)
#A8A8A8

Design tokens & code

CSS
--color: #6cbb3b;
/* rgb */ color: rgb(108, 187, 59);
/* oklch */ color: oklch(71.5% 0.179 135.8);
Tailwind
colors: {
  custom: {
    50: '#9cd078',
    500: '#6cbb3b',
    950: '#000000',
  },
}
SCSS
$custom: #6cbb3b;
$custom-light: #9cd078;
$custom-dark: #000000;
JSON
{
  "hex": "#6cbb3b",
  "rgb": {
    "r": 108,
    "g": 187,
    "b": 59
  },
  "hsl": {
    "h": 97.031,
    "s": 52.033,
    "l": 48.235
  },
  "oklch": {
    "l": 0.71538,
    "c": 0.17921,
    "h": 135.8
  },
  "luminance": 0.39045
}

Semantic roles & 50–950 ramp

primary
#6CBB3B
secondary
#B08AC8
accent
#4CDBA5
background
#FAFCF7
surface
#F3F9EE
border
#CDD2C9
text
#0F1409
muted
#7F827B

Preview Lab

Preview with #6CBB3B

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

Preview Lab → · Contrast checker → · Palette generator →

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