#69D672#69D672

#69D672 is a light, vivid green. Relative luminance 0.523; OKLCH L 78.8% C 0.171 H 145.4°. Best body text is #000000 at 11.46:1 contrast (WCAG AA passes).

Color values

HEX#69D672
RGBrgb(105, 214, 114)
HSLhsl(125, 57%, 63%)
HSVhsv(125, 51%, 84%)
CMYKcmyk(50.9%, 0%, 46.7%, 16.1%)
CIE-LABlab(77.47, -51.77, 39.87)
CIE-LCHlch(77.47, 65.34, 142.40°)
OKLaboklab(78.81% -0.1405 0.0971)
OKLCHoklch(78.81% 0.171 145.4)
XYZxyz(32.9077, 52.3087, 24.2788)
Luminance0.5231 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#69D672 #D669CD
analogous
#97D669 #69D672 #69D6A8
triadic
#69D672 #7269D6 #D67269
tetradic
#69D672 #6997D6 #D669CD #D6A869
square
#69D672 #6997D6 #D669CD #D6A869
split-complementary
#69D672 #A869D6 #D66997
monochromatic
#2A9A33 #39C945 #69D672 #99E39F #C9F0CC

Accessibility & contrast

On white

1.83
#69D672 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

11.46
#69D672 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #69D672
11.46:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##69D672#FFFFFF#000000##000000
##69D6721.001.8311.4611.46
#FFFFFF1.831.0021.0021.00
#00000011.4621.001.001.00
##00000011.4621.001.001.00

Color blindness preview

Protanopia (red-blind)
#D9C66A
Deuteranopia (green-blind)
#CABB79
Tritanopia (blue-blind)
#57D1BE
Achromatopsia (no color)
#BFBFBF

Design tokens & code

CSS
--color: #69d672;
/* rgb */ color: rgb(105, 214, 114);
/* oklch */ color: oklch(78.8% 0.171 145.4);
Tailwind
colors: {
  custom: {
    50: '#9be39c',
    500: '#69d672',
    950: '#000000',
  },
}
SCSS
$custom: #69d672;
$custom-light: #9be39c;
$custom-dark: #000000;
JSON
{
  "hex": "#69d672",
  "rgb": {
    "r": 105,
    "g": 214,
    "b": 114
  },
  "hsl": {
    "h": 124.954,
    "s": 57.068,
    "l": 62.549
  },
  "oklch": {
    "l": 0.78809,
    "c": 0.17081,
    "h": 145.4
  },
  "luminance": 0.52311
}

Semantic roles & 50–950 ramp

primary
#69D672
secondary
#9F4497
accent
#21B7C5
background
#FCFEFC
surface
#F5FCF5
border
#CFD5CF
text
#0F150E
muted
#80847F

Preview Lab

Preview with #69D672

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

Preview Lab → · Contrast checker → · Palette generator →

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