#157731#157731

#157731 is a mid, vivid green. Relative luminance 0.136; OKLCH L 50.0% C 0.136 H 147.7°. Best body text is #FFFFFF at 5.65:1 contrast (WCAG AA passes).

Color values

HEX#157731
RGBrgb(21, 119, 49)
HSLhsl(137, 70%, 27%)
HSVhsv(137, 82%, 47%)
CMYKcmyk(82.4%, 0%, 58.8%, 53.3%)
CIE-LABlab(43.62, -42.89, 30.54)
CIE-LCHlch(43.62, 52.65, 144.54°)
OKLaboklab(49.97% -0.1153 0.0728)
OKLCHoklch(49.97% 0.136 147.7)
XYZxyz(7.4599, 13.5739, 5.1320)
Luminance0.1358 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#157731 #77155B
analogous
#2A7715 #157731 #157762
triadic
#157731 #311577 #773115
tetradic
#157731 #152A77 #77155B #776215
square
#157731 #152A77 #77155B #776215
split-complementary
#157731 #621577 #77152A
monochromatic
#051A0B #0C431C #157731 #1EAB46 #2DDA5E

Accessibility & contrast

On white

5.65
#157731 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.72
#157731 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #157731
5.65:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##157731#FFFFFF#000000##FFFFFF
##1577311.005.653.725.65
#FFFFFF5.651.0021.001.00
#0000003.7221.001.0021.00
##FFFFFF5.651.0021.001.00

Color blindness preview

Protanopia (red-blind)
#786C2A
Deuteranopia (green-blind)
#6E6437
Tritanopia (blue-blind)
#007467
Achromatopsia (no color)
#676767

Design tokens & code

CSS
--color: #157731;
/* rgb */ color: rgb(21, 119, 49);
/* oklch */ color: oklch(50.0% 0.136 147.7);
Tailwind
colors: {
  custom: {
    50: '#659f6b',
    500: '#157731',
    950: '#000000',
  },
}
SCSS
$custom: #157731;
$custom-light: #659f6b;
$custom-dark: #000000;
JSON
{
  "hex": "#157731",
  "rgb": {
    "r": 21,
    "g": 119,
    "b": 49
  },
  "hsl": {
    "h": 137.143,
    "s": 70,
    "l": 27.451
  },
  "oklch": {
    "l": 0.49966,
    "c": 0.13632,
    "h": 147.7
  },
  "luminance": 0.13575
}

Semantic roles & 50–950 ramp

primary
#157731
secondary
#AD3B8C
accent
#3BBAED
background
#F6F9F6
surface
#EBF2EB
border
#C6CCC6
text
#070F07
muted
#7A7E7A

Preview Lab

Preview with #157731

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

Preview Lab → · Contrast checker → · Palette generator →

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