#62954D#62954D

#62954D is a mid, moderate green. Relative luminance 0.246; OKLCH L 61.6% C 0.116 H 137.2°. Best body text is #000000 at 5.93:1 contrast (WCAG AA passes).

Color values

HEX#62954D
RGBrgb(98, 149, 77)
HSLhsl(103, 32%, 44%)
HSVhsv(103, 48%, 58%)
CMYKcmyk(34.2%, 0%, 48.3%, 41.6%)
CIE-LABlab(56.71, -31.01, 32.58)
CIE-LCHlch(56.71, 44.98, 133.59°)
OKLaboklab(61.61% -0.0851 0.0788)
OKLCHoklch(61.61% 0.116 137.2)
XYZxyz(17.1235, 24.6267, 10.8709)
Luminance0.2463 (WCAG relative)
Temperaturewarm
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#62954D #804D95
analogous
#86954D #62954D #4D955C
triadic
#62954D #4D6295 #954D62
tetradic
#62954D #4D8695 #804D95 #955C4D
square
#62954D #4D8695 #804D95 #955C4D
split-complementary
#62954D #5C4D95 #954D86
monochromatic
#2D4423 #476D38 #62954D #81B36C #A3C894

Accessibility & contrast

On white

3.54
#62954D on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.93
#62954D on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #62954D
5.93:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##62954D#FFFFFF#000000##000000
##62954D1.003.545.935.93
#FFFFFF3.541.0021.0021.00
#0000005.9321.001.001.00
##0000005.9321.001.001.00

Color blindness preview

Protanopia (red-blind)
#998B47
Deuteranopia (green-blind)
#928652
Tritanopia (blue-blind)
#609184
Achromatopsia (no color)
#888888

Design tokens & code

CSS
--color: #62954d;
/* rgb */ color: rgb(98, 149, 77);
/* oklch */ color: oklch(61.6% 0.116 137.2);
Tailwind
colors: {
  custom: {
    50: '#91b480',
    500: '#62954d',
    950: '#000000',
  },
}
SCSS
$custom: #62954d;
$custom-light: #91b480;
$custom-dark: #000000;
JSON
{
  "hex": "#62954d",
  "rgb": {
    "r": 98,
    "g": 149,
    "b": 77
  },
  "hsl": {
    "h": 102.5,
    "s": 31.858,
    "l": 44.314
  },
  "oklch": {
    "l": 0.61614,
    "c": 0.11602,
    "h": 137.2
  },
  "luminance": 0.24627
}

Semantic roles & 50–950 ramp

primary
#62954D
secondary
#A889B4
accent
#60C8AA
background
#F9FBF7
surface
#F1F6EE
border
#CBD0C9
text
#0D110A
muted
#7E807C

Preview Lab

Preview with #62954D

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

Preview Lab → · Contrast checker → · Palette generator →

#62954D Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva