#397448#397448

#397448 is a mid, moderate green. Relative luminance 0.138; OKLCH L 50.7% C 0.093 H 150.2°. Best body text is #FFFFFF at 5.58:1 contrast (WCAG AA passes).

Color values

HEX	#397448
RGB	rgb(57, 116, 72)
HSL	hsl(135, 34%, 34%)
HSV	hsv(135, 51%, 45%)
CMYK	cmyk(50.9%, 0%, 37.9%, 54.5%)
CIE-LAB	lab(43.98, -29.80, 18.56)
CIE-LCH	lch(43.98, 35.11, 148.09°)
OKLab	oklab(50.68% -0.081 0.0464)
OKLCH	oklch(50.68% 0.093 150.2)
XYZ	xyz(9.1018, 13.8278, 8.3190)
Luminance	0.1383 (WCAG relative)
Temperature	neutral
Family	green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#397448 #743965

analogous

#487439 #397448 #397466

triadic

#397448 #483974 #744839

tetradic

#397448 #394874 #743965 #746639

square

#397448 #394874 #743965 #746639

split-complementary

#397448 #663974 #743948

monochromatic

#112215 #254B2F #397448 #4D9D61 #6FB882

Accessibility & contrast

On white

5.58

#397448 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.77

#397448 on #000000

AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #397448

5.58:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##397448	#FFFFFF	#000000	##FFFFFF
##397448	1.00	5.58	3.77	5.58
#FFFFFF	5.58	1.00	21.00	1.00
#000000	3.77	21.00	1.00	21.00
##FFFFFF	5.58	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#756B45

Deuteranopia (green-blind)

#6C664B

Tritanopia (blue-blind)

#2D7269

Achromatopsia (no color)

#686868

Design tokens & code

CSS

--color: #397448;
/* rgb */ color: rgb(57, 116, 72);
/* oklch */ color: oklch(50.7% 0.093 150.2);

Tailwind

colors: {
  custom: {
    50: '#749c7b',
    500: '#397448',
    950: '#000000',
  },
}

SCSS

$custom: #397448;
$custom-light: #749c7b;
$custom-dark: #000000;

JSON

{
  "hex": "#397448",
  "rgb": {
    "r": 57,
    "g": 116,
    "b": 72
  },
  "hsl": {
    "h": 135.254,
    "s": 34.104,
    "l": 33.922
  },
  "oklch": {
    "l": 0.50679,
    "c": 0.09336,
    "h": 150.2
  },
  "luminance": 0.13829
}

Semantic roles & 50–950 ramp

primary

#397448

secondary

#A26793

accent

#5EAFCA

background

#F7F9F7

surface

#EDF2EE

border

#C8CCC9

text

#080E09

muted

#7B7E7B

Preview Lab

Preview with #397448

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

Preview Lab → · Contrast checker → · Palette generator →