#69D685#69D685

#69D685 is a light, vivid green. Relative luminance 0.528; OKLCH L 79.1% C 0.153 H 150.0°. Best body text is #000000 at 11.56:1 contrast (WCAG AA passes).

Color values

HEX#69D685
RGBrgb(105, 214, 133)
HSLhsl(135, 57%, 63%)
HSVhsv(135, 51%, 84%)
CMYKcmyk(50.9%, 0%, 37.9%, 16.1%)
CIE-LABlab(77.75, -48.79, 30.66)
CIE-LCHlch(77.75, 57.63, 147.85°)
OKLaboklab(79.13% -0.1324 0.0764)
OKLCHoklch(79.13% 0.153 150)
XYZxyz(34.1036, 52.7871, 30.5775)
Luminance0.5279 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#69D685 #D669BA
analogous
#83D669 #69D685 #69D6BC
triadic
#69D685 #8569D6 #D68569
tetradic
#69D685 #6983D6 #D669BA #D6BC69
square
#69D685 #6983D6 #D669BA #D6BC69
split-complementary
#69D685 #BC69D6 #D66983
monochromatic
#2A9A47 #39C95E #69D685 #99E3AC #C9F0D3

Accessibility & contrast

On white

1.82
#69D685 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

11.56
#69D685 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #69D685
11.56:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##69D685#FFFFFF#000000##000000
##69D6851.001.8211.5611.56
#FFFFFF1.821.0021.0021.00
#00000011.5621.001.001.00
##00000011.5621.001.001.00

Color blindness preview

Protanopia (red-blind)
#D7C77F
Deuteranopia (green-blind)
#C8BC8A
Tritanopia (blue-blind)
#52D3C2
Achromatopsia (no color)
#C0C0C0

Design tokens & code

CSS
--color: #69d685;
/* rgb */ color: rgb(105, 214, 133);
/* oklch */ color: oklch(79.1% 0.153 150.0);
Tailwind
colors: {
  custom: {
    50: '#9be3a9',
    500: '#69d685',
    950: '#000000',
  },
}
SCSS
$custom: #69d685;
$custom-light: #9be3a9;
$custom-dark: #000000;
JSON
{
  "hex": "#69d685",
  "rgb": {
    "r": 105,
    "g": 214,
    "b": 133
  },
  "hsl": {
    "h": 135.413,
    "s": 57.068,
    "l": 62.549
  },
  "oklch": {
    "l": 0.79134,
    "c": 0.1529,
    "h": 150
  },
  "luminance": 0.5279
}

Semantic roles & 50–950 ramp

primary
#69D685
secondary
#9F4488
accent
#219BC5
background
#FCFEFC
surface
#F5FCF6
border
#CFD5D0
text
#0F1510
muted
#808480

Preview Lab

Preview with #69D685

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

Preview Lab → · Contrast checker → · Palette generator →

#69D685 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva