#319348#319348

#319348 is a mid, vivid green. Relative luminance 0.220; OKLCH L 58.8% C 0.143 H 147.9°. Best body text is #000000 at 5.40:1 contrast (WCAG AA passes).

Color values

HEX#319348
RGBrgb(49, 147, 72)
HSLhsl(134, 50%, 38%)
HSVhsv(134, 67%, 58%)
CMYKcmyk(66.7%, 0%, 51%, 42.4%)
CIE-LABlab(54.01, -45.03, 31.40)
CIE-LCHlch(54.01, 54.90, 145.11°)
OKLaboklab(58.84% -0.1215 0.0761)
OKLCHoklch(58.84% 0.143 147.9)
XYZxyz(12.8691, 21.9870, 9.6953)
Luminance0.2199 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#319348 #93317C
analogous
#4B9331 #319348 #319379
triadic
#319348 #483193 #934831
tetradic
#319348 #314B93 #93317C #937931
square
#319348 #314B93 #93317C #937931
split-complementary
#319348 #793193 #93314B
monochromatic
#12371B #226532 #319348 #41C05F #6FCF86

Accessibility & contrast

On white

3.89
#319348 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.40
#319348 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #319348
5.40:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##319348#FFFFFF#000000##000000
##3193481.003.895.405.40
#FFFFFF3.891.0021.0021.00
#0000005.4021.001.001.00
##0000005.4021.001.001.00

Color blindness preview

Protanopia (red-blind)
#958642
Deuteranopia (green-blind)
#887E4D
Tritanopia (blue-blind)
#0F9082
Achromatopsia (no color)
#818181

Design tokens & code

CSS
--color: #319348;
/* rgb */ color: rgb(49, 147, 72);
/* oklch */ color: oklch(58.8% 0.143 147.9);
Tailwind
colors: {
  custom: {
    50: '#75b47c',
    500: '#319348',
    950: '#000000',
  },
}
SCSS
$custom: #319348;
$custom-light: #75b47c;
$custom-dark: #000000;
JSON
{
  "hex": "#319348",
  "rgb": {
    "r": 49,
    "g": 147,
    "b": 72
  },
  "hsl": {
    "h": 134.082,
    "s": 50,
    "l": 38.431
  },
  "oklch": {
    "l": 0.58838,
    "c": 0.14335,
    "h": 147.9
  },
  "luminance": 0.21988
}

Semantic roles & 50–950 ramp

primary
#319348
secondary
#B769A5
accent
#4EB9DA
background
#F7FBF7
surface
#EEF6EE
border
#C9D0C9
text
#091109
muted
#7B807B

Preview Lab

Preview with #319348

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

Preview Lab → · Contrast checker → · Palette generator →

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