#708872#708872

#708872 is a mid, muted green. Relative luminance 0.223; OKLCH L 60.1% C 0.043 H 147.3°. Best body text is #000000 at 5.45:1 contrast (WCAG AA passes).

Color values

HEX	#708872
RGB	rgb(112, 136, 114)
HSL	hsl(125, 10%, 49%)
HSV	hsv(125, 18%, 53%)
CMYK	cmyk(17.6%, 0%, 16.2%, 46.7%)
CIE-LAB	lab(54.31, -13.17, 9.00)
CIE-LCH	lch(54.31, 15.95, 145.67°)
OKLab	oklab(60.13% -0.0362 0.0232)
OKLCH	oklch(60.13% 0.043 147.3)
XYZ	xyz(18.5228, 22.2676, 19.2385)
Luminance	0.2227 (WCAG relative)
Temperature	neutral
Family	green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#708872 #887086

analogous

#7A8870 #708872 #70887E

triadic

#708872 #727088 #887270

tetradic

#708872 #707A88 #887086 #887E70

square

#708872 #707A88 #887086 #887E70

split-complementary

#708872 #7E7088 #88707A

monochromatic

#39453A #546656 #708872 #91A493 #B2C0B4

Accessibility & contrast

On white

3.85

#708872 on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

5.45

#708872 on #000000

AA ✓AA large ✓AAA ✗

Best text color

#000000 on #708872

5.45:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##708872	#FFFFFF	#000000	##000000
##708872	1.00	3.85	5.45	5.45
#FFFFFF	3.85	1.00	21.00	21.00
#000000	5.45	21.00	1.00	1.00
##000000	5.45	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#898371

Deuteranopia (green-blind)

#858173

Tritanopia (blue-blind)

#6E8782

Achromatopsia (no color)

#828282

Design tokens & code

CSS

--color: #708872;
/* rgb */ color: rgb(112, 136, 114);
/* oklch */ color: oklch(60.1% 0.043 147.3);

Tailwind

colors: {
  custom: {
    50: '#99aa9a',
    500: '#708872',
    950: '#000000',
  },
}

SCSS

$custom: #708872;
$custom-light: #99aa9a;
$custom-dark: #000000;

JSON

{
  "hex": "#708872",
  "rgb": {
    "r": 112,
    "g": 136,
    "b": 114
  },
  "hsl": {
    "h": 125,
    "s": 9.677,
    "l": 48.627
  },
  "oklch": {
    "l": 0.60134,
    "c": 0.043,
    "h": 147.3
  },
  "luminance": 0.22268
}

Semantic roles & 50–950 ramp

primary

#708872

secondary

#B0A4AF

accent

#75AEB3

background

#F9FAF9

surface

#F2F4F2

border

#CCCECC

text

#0E100E

muted

#7E7F7E

Preview Lab

Preview with #708872

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

Preview Lab → · Contrast checker → · Palette generator →