#61A231#61A231

#61A231 is a light, vivid yellow-green. Relative luminance 0.286; OKLCH L 64.5% C 0.160 H 134.6°. Best body text is #000000 at 6.72:1 contrast (WCAG AA passes).

Color values

HEX#61A231
RGBrgb(97, 162, 49)
HSLhsl(95, 54%, 41%)
HSVhsv(95, 70%, 64%)
CMYKcmyk(40.1%, 0%, 69.8%, 36.5%)
CIE-LABlab(60.43, -40.17, 49.95)
CIE-LCHlch(60.43, 64.10, 128.81°)
OKLaboklab(64.54% -0.1121 0.1135)
OKLCHoklch(64.54% 0.16 134.6)
XYZxyz(18.4041, 28.6029, 7.4563)
Luminance0.2860 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#61A231 #7231A2
analogous
#9AA231 #61A231 #31A239
triadic
#61A231 #3161A2 #A23161
tetradic
#61A231 #319AA2 #7231A2 #A23931
square
#61A231 #319AA2 #7231A2 #A23931
split-complementary
#61A231 #3931A2 #A2319A
monochromatic
#294415 #457323 #61A231 #7FC848 #A0D677

Accessibility & contrast

On white

3.12
#61A231 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.72
#61A231 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #61A231
6.72:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##61A231#FFFFFF#000000##000000
##61A2311.003.126.726.72
#FFFFFF3.121.0021.0021.00
#0000006.7221.001.001.00
##0000006.7221.001.001.00

Color blindness preview

Protanopia (red-blind)
#A89520
Deuteranopia (green-blind)
#9F903B
Tritanopia (blue-blind)
#609C8B
Achromatopsia (no color)
#929292

Design tokens & code

CSS
--color: #61a231;
/* rgb */ color: rgb(97, 162, 49);
/* oklch */ color: oklch(64.5% 0.160 134.6);
Tailwind
colors: {
  custom: {
    50: '#93be70',
    500: '#61a231',
    950: '#000000',
  },
}
SCSS
$custom: #61a231;
$custom-light: #93be70;
$custom-dark: #000000;
JSON
{
  "hex": "#61a231",
  "rgb": {
    "r": 97,
    "g": 162,
    "b": 49
  },
  "hsl": {
    "h": 94.513,
    "s": 53.555,
    "l": 41.373
  },
  "oklch": {
    "l": 0.64537,
    "c": 0.15959,
    "h": 134.6
  },
  "luminance": 0.28604
}

Semantic roles & 50–950 ramp

primary
#61A231
secondary
#9D71BE
accent
#4BDD9F
background
#F9FBF7
surface
#F2F7ED
border
#CCD0C8
text
#0D1208
muted
#7E817B

Preview Lab

Preview with #61A231

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

Preview Lab → · Contrast checker → · Palette generator →

#61A231 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva