#577964#577964

#577964 is a mid, muted green. Relative luminance 0.166; OKLCH L 54.4% C 0.051 H 157.1°. Best body text is #FFFFFF at 4.86:1 contrast (WCAG AA passes).

Color values

HEX	#577964
RGB	rgb(87, 121, 100)
HSL	hsl(143, 16%, 41%)
HSV	hsv(143, 28%, 47%)
CMYK	cmyk(28.1%, 0%, 17.4%, 52.5%)
CIE-LAB	lab(47.78, -16.85, 7.66)
CIE-LCH	lch(47.78, 18.50, 155.56°)
OKLab	oklab(54.37% -0.0468 0.0198)
OKLCH	oklch(54.37% 0.051 157.1)
XYZ	xyz(13.0674, 16.6205, 14.5737)
Luminance	0.1662 (WCAG relative)
Temperature	neutral
Family	green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#577964 #79576C

analogous

#5B7957 #577964 #577975

triadic

#577964 #645779 #796457

tetradic

#577964 #575B79 #79576C #797557

square

#577964 #575B79 #79576C #797557

split-complementary

#577964 #755779 #79575B

monochromatic

#243229 #3D5547 #577964 #739A82 #97B4A2

Accessibility & contrast

On white

4.86

#577964 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

4.32

#577964 on #000000

AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #577964

4.86:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##577964	#FFFFFF	#000000	##FFFFFF
##577964	1.00	4.86	4.32	4.86
#FFFFFF	4.86	1.00	21.00	1.00
#000000	4.32	21.00	1.00	21.00
##FFFFFF	4.86	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#797463

Deuteranopia (green-blind)

#737065

Tritanopia (blue-blind)

#517873

Achromatopsia (no color)

#717171

Design tokens & code

CSS

--color: #577964;
/* rgb */ color: rgb(87, 121, 100);
/* oklch */ color: oklch(54.4% 0.051 157.1);

Tailwind

colors: {
  custom: {
    50: '#87a090',
    500: '#577964',
    950: '#000000',
  },
}

SCSS

$custom: #577964;
$custom-light: #87a090;
$custom-dark: #000000;

JSON

{
  "hex": "#577964",
  "rgb": {
    "r": 87,
    "g": 121,
    "b": 100
  },
  "hsl": {
    "h": 142.941,
    "s": 16.346,
    "l": 40.784
  },
  "oklch": {
    "l": 0.54372,
    "c": 0.05084,
    "h": 157.1
  },
  "luminance": 0.16621
}

Semantic roles & 50–950 ramp

primary

#577964

secondary

#A28A99

accent

#6F9DB9

background

#F8F9F8

surface

#EFF2F0

border

#CACCCB

text

#0B0E0C

muted

#7C7E7D

Preview Lab

Preview with #577964

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

Preview Lab → · Contrast checker → · Palette generator →