#208249#208249

#208249 is a mid, vivid green. Relative luminance 0.168; OKLCH L 53.7% C 0.125 H 152.9°. Best body text is #FFFFFF at 4.83:1 contrast (WCAG AA passes).

Color values

HEX#208249
RGBrgb(32, 130, 73)
HSLhsl(145, 60%, 32%)
HSVhsv(145, 75%, 51%)
CMYKcmyk(75.4%, 0%, 43.8%, 49%)
CIE-LABlab(47.95, -41.33, 23.07)
CIE-LCHlch(47.95, 47.33, 150.84°)
OKLaboklab(53.72% -0.1113 0.0571)
OKLCHoklch(53.72% 0.125 152.9)
XYZxyz(9.7800, 16.7523, 9.0201)
Luminance0.1675 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#208249 #822059
analogous
#288220 #208249 #20827A
triadic
#208249 #492082 #824920
tetradic
#208249 #202882 #822059 #827A20
square
#208249 #202882 #822059 #827A20
split-complementary
#208249 #7A2082 #822028
monochromatic
#082012 #14512D #208249 #2CB365 #4AD283

Accessibility & contrast

On white

4.83
#208249 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.35
#208249 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #208249
4.83:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##208249#FFFFFF#000000##FFFFFF
##2082491.004.834.354.83
#FFFFFF4.831.0021.001.00
#0000004.3521.001.0021.00
##FFFFFF4.831.0021.001.00

Color blindness preview

Protanopia (red-blind)
#827745
Deuteranopia (green-blind)
#766E4D
Tritanopia (blue-blind)
#008074
Achromatopsia (no color)
#727272

Design tokens & code

CSS
--color: #208249;
/* rgb */ color: rgb(32, 130, 73);
/* oklch */ color: oklch(53.7% 0.125 152.9);
Tailwind
colors: {
  custom: {
    50: '#6ba77c',
    500: '#208249',
    950: '#000000',
  },
}
SCSS
$custom: #208249;
$custom-light: #6ba77c;
$custom-dark: #000000;
JSON
{
  "hex": "#208249",
  "rgb": {
    "r": 32,
    "g": 130,
    "b": 73
  },
  "hsl": {
    "h": 145.102,
    "s": 60.494,
    "l": 31.765
  },
  "oklch": {
    "l": 0.53722,
    "c": 0.1251,
    "h": 152.9
  },
  "luminance": 0.16753
}

Semantic roles & 50–950 ramp

primary
#208249
secondary
#B54988
accent
#44A1E4
background
#F6FAF7
surface
#ECF4EE
border
#C7CEC9
text
#070F09
muted
#7A7F7B

Preview Lab

Preview with #208249

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

Preview Lab → · Contrast checker → · Palette generator →

#208249 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva