#69B386#69B386

#69B386 is a light, moderate green. Relative luminance 0.370; OKLCH L 70.6% C 0.100 H 156.0°. Best body text is #000000 at 8.39:1 contrast (WCAG AA passes).

Color values

HEX#69B386
RGBrgb(105, 179, 134)
HSLhsl(144, 33%, 56%)
HSVhsv(144, 41%, 70%)
CMYKcmyk(41.3%, 0%, 25.1%, 29.8%)
CIE-LABlab(67.25, -33.23, 15.90)
CIE-LCHlch(67.25, 36.84, 154.44°)
OKLaboklab(70.59% -0.0914 0.0406)
OKLCHoklch(70.59% 0.1 156)
XYZxyz(26.2471, 36.9630, 28.3011)
Luminance0.3696 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#69B386 #B36996
analogous
#71B369 #69B386 #69B3AB
triadic
#69B386 #8669B3 #B38669
tetradic
#69B386 #6971B3 #B36996 #B3AB69
square
#69B386 #6971B3 #B36996 #B3AB69
split-complementary
#69B386 #AB69B3 #B36971
monochromatic
#366B4B #4B9468 #69B386 #92C8A7 #BADCC8

Accessibility & contrast

On white

2.50
#69B386 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.39
#69B386 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #69B386
8.39:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##69B386#FFFFFF#000000##000000
##69B3861.002.508.398.39
#FFFFFF2.501.0021.0021.00
#0000008.3921.001.001.00
##0000008.3921.001.001.00

Color blindness preview

Protanopia (red-blind)
#B2A983
Deuteranopia (green-blind)
#A7A189
Tritanopia (blue-blind)
#59B2A7
Achromatopsia (no color)
#A4A4A4

Design tokens & code

CSS
--color: #69b386;
/* rgb */ color: rgb(105, 179, 134);
/* oklch */ color: oklch(70.6% 0.100 156.0);
Tailwind
colors: {
  custom: {
    50: '#97caa9',
    500: '#69b386',
    950: '#000000',
  },
}
SCSS
$custom: #69b386;
$custom-light: #97caa9;
$custom-dark: #000000;
JSON
{
  "hex": "#69b386",
  "rgb": {
    "r": 105,
    "g": 179,
    "b": 134
  },
  "hsl": {
    "h": 143.514,
    "s": 32.743,
    "l": 55.686
  },
  "oklch": {
    "l": 0.70589,
    "c": 0.09999,
    "h": 156
  },
  "luminance": 0.36965
}

Semantic roles & 50–950 ramp

primary
#69B386
secondary
#CBADBF
accent
#5F9FC9
background
#F9FCFA
surface
#F2F8F4
border
#CCD1CE
text
#0E1310
muted
#7E827F

Preview Lab

Preview with #69B386

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

Preview Lab → · Contrast checker → · Palette generator →

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