#468137#468137

#468137 is a mid, vivid green. Relative luminance 0.173; OKLCH L 54.5% C 0.124 H 139.6°. Best body text is #FFFFFF at 4.71:1 contrast (WCAG AA passes).

Color values

HEX#468137
RGBrgb(70, 129, 55)
HSLhsl(108, 40%, 36%)
HSVhsv(108, 57%, 51%)
CMYKcmyk(45.7%, 0%, 57.4%, 49.4%)
CIE-LABlab(48.61, -34.34, 33.77)
CIE-LCHlch(48.61, 48.16, 135.48°)
OKLaboklab(54.53% -0.0941 0.0801)
OKLCHoklch(54.53% 0.124 139.6)
XYZxyz(11.0652, 17.2777, 6.3656)
Luminance0.1728 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#468137 #723781
analogous
#6B8137 #468137 #37814D
triadic
#468137 #374681 #813746
tetradic
#468137 #376B81 #723781 #814D37
square
#468137 #376B81 #723781 #814D37
split-complementary
#468137 #4D3781 #81376B
monochromatic
#172B12 #2F5625 #468137 #5DAC49 #81C270

Accessibility & contrast

On white

4.71
#468137 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.46
#468137 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #468137
4.71:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##468137#FFFFFF#000000##FFFFFF
##4681371.004.714.464.71
#FFFFFF4.711.0021.001.00
#0000004.4621.001.0021.00
##FFFFFF4.711.0021.001.00

Color blindness preview

Protanopia (red-blind)
#847730
Deuteranopia (green-blind)
#7C713C
Tritanopia (blue-blind)
#417D71
Achromatopsia (no color)
#737373

Design tokens & code

CSS
--color: #468137;
/* rgb */ color: rgb(70, 129, 55);
/* oklch */ color: oklch(54.5% 0.124 139.6);
Tailwind
colors: {
  custom: {
    50: '#7ea670',
    500: '#468137',
    950: '#000000',
  },
}
SCSS
$custom: #468137;
$custom-light: #7ea670;
$custom-dark: #000000;
JSON
{
  "hex": "#468137",
  "rgb": {
    "r": 70,
    "g": 129,
    "b": 55
  },
  "hsl": {
    "h": 107.838,
    "s": 40.217,
    "l": 36.078
  },
  "oklch": {
    "l": 0.54533,
    "c": 0.1236,
    "h": 139.6
  },
  "luminance": 0.17278
}

Semantic roles & 50–950 ramp

primary
#468137
secondary
#9E69AB
accent
#58D0B8
background
#F7FAF6
surface
#EEF4EC
border
#C9CEC7
text
#0A0F07
muted
#7C7F7A

Preview Lab

Preview with #468137

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

Preview Lab → · Contrast checker → · Palette generator →

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