Dark Sage #598556

Dark Sage is a medium-dark, moderately saturated green with hex code #598556 and RGB rgb(89, 133, 86).

Black text reads best on this color (4.91:1).

About this color

#598556 is a medium-dark, moderately saturated green. In OKLCH its lightness is 57%, its chroma 0.086 and its hue 143°. Its hue sits between the warm and cool halves of the wheel. It is the named color Dark Sage. Black text reads best on it, at 4.91:1.

Hue family	Greens
Lightness	medium-dark (57%)
Chroma	moderately saturated (0.086)
Temperature	in between
Nearest name	Dark Sage
Black text	4.91:1
White text	4.27:1

Colors that go with Dark Sage

Matches found by rotating Dark Sage around the OKLCH hue wheel, each labelled with the closest name in our list.

Complementary

The opposite hue (180°).

Dark Lavender #906695

Open the complementary palette in the generator

Analogous

Neighbouring hues, 30° either side.

Open the analogous palette in the generator

Triadic

Three hues spaced 120° apart.

Open the triadic palette in the generator

Color palettes with Dark Sage

Curated color palettes that contain a color within ΔE 0.06 (OKLab) of Dark Sage, closest first.

Similar named colors

The eight named colors closest to Dark Sage, with their ΔE distance.

More about Dark Sage

How to make Dark Sage

A starting recipe from common paint colors, found with a spectral paint model (the color mixer’s paint mode). Real pigments vary, so mix a small test batch and adjust.

3 parts green
2 parts pink
1 part purple

Recipe result: #53855A, a difference of ΔE 0.007 from Dark Sage. That is very close: most people will not see the difference.

What colors make green? | Color mixing chart

Codes for Dark Sage in every format

HEX	#598556
RGB	rgb(89, 133, 86)
HSL	hsl(116, 21%, 43%)
OKLCH	oklch(57.2% 0.086 142.9)

Contrast

WCAG 2 contrast ratios are the conformance target: AA needs 4.5:1 for body text and 3:1 for large text, AAA needs 7:1. APCA Lc values are supplementary guidance from the WCAG 3 drafts.

Pair	WCAG 2	Result	APCA	APCA guidance
White text on #598556	4.27:1	AA large text	Lc -75.0	Content text, not long reading
Black text on #598556	4.91:1	AA	Lc 34.6	Non-text elements, placeholder text
#598556 text on white	4.27:1	AA large text	Lc 69.5	Content text, not long reading
#598556 text on black	4.91:1	AA	Lc -32.2	Non-text elements, placeholder text

Shades and tints of Dark Sage

A 50–950 scale built in OKLCH: the hue is held, lightness follows a Tailwind v4-like curve, and every step is kept inside the sRGB gamut. This color sits at step 600.

Step 50
50

#F3F6F3

oklch(97% 0.005 145.5)
Step 100
100

#E6ECE5

oklch(93.7% 0.011 141.3)
Step 200
200

#D1DDD0

oklch(88.5% 0.022 143.2)
Step 300
300

#B3C7B1

oklch(80.8% 0.037 142.7)
Step 400
400

#8BAB88

oklch(70.8% 0.061 142.7)
Step 500
500

#6D966A

oklch(63.1% 0.079 142.9)
Step 600
600 (this color)

#598556

oklch(57.2% 0.086 142.9)
Step 700
700

#456C42

oklch(49% 0.079 142.6)
Step 800
800

#395837

oklch(42.6% 0.065 142.9)
Step 900
900

#31492F

oklch(37.8% 0.053 142.6)
Step 950
950

#1D2B1C

oklch(27.1% 0.033 143)

Export this scale for Tailwind in the Tailwind colors tool

Dark Sage with color blindness

Simulated with the Machado et al. (2009) model. ΔE is how far the color moves: below about 0.02 you would not notice a change.

Vision	Seen as	Shift (ΔE)
Protanopia (no red cones)	#877D53	0.064
Deuteranopia (no green cones)	#807959	0.063
Tritanopia (no blue cones)	#558279	0.055
Achromatopsia (no color)	#7A7A7A	0.086

Use Dark Sage in your product

Turn it into light and dark UI roles checked for contrast, then export to Tailwind v4, shadcn/ui, CSS or design tokens.

Build a color system from this color Generate a palette