Home /Compare /Jade vs Viridian

Jade vs Viridian: What's the Difference?

The main difference between Jade and Viridian is brightness and saturation: both are teal shades, but Viridian is lighter and Jade is more saturated. Jade and Viridian are often confused but have distinct differences in hue, saturation, and tone. Jade (#00A86B) and Viridian (#40826D) each suit different design contexts — understanding their differences helps you choose the right color for your project.

Jade#00A86B
Viridian#40826D
#00A86BBlended: #20956C#40826D
ShareSave to PinterestTweet

Jade vs Viridian: Key Differences at a Glance

Aspect Jade Viridian
BrightnessDark (L=33%) — rich, serious, substantialDark (L=38%) — rich, serious, substantial
SaturationVivid (S=100%) — bright, energetic, eye-catchingMuted (S=34%) — subdued, sophisticated
Hue familyTealTeal
TemperatureCool-leaningCool-leaning
Hex code#00A86B#40826D
RGB0, 168, 10764, 130, 109

Can you use Jade and Viridian together?

Viridian text on Jade
Jade text on Viridian
Contrast Ratio:1.47:1Insufficient Contrast

How to Tell Jade and Viridian Apart

  • Check saturation: Jade looks more vivid and saturated.
  • Compare them on a white background to see true saturation, and on black to see true lightness.

Jade or Viridian: Which to Use and Where

Four real design scenarios, with the recommended pick based on hue, saturation, and WCAG contrast.

Branding & logos
PickJade

Jade is more saturated (100% HSL vs 34%) so it reads as bolder and more memorable at logo scale, while Viridian can feel washed out when printed small.

Web UI & body text backgrounds
PickViridian

Viridian hits a 4.53:1 WCAG contrast against white — safer for text-heavy interfaces — where Jade only reaches 3.08:1 and risks failing AA at small body sizes.

Fashion & apparel
PickViridian

Viridian is a cool-leaning tone that flatters spring/summer collections and warmer skin undertones, while Jade leans cooler and is better suited to autumn/winter layering.

Interior design & walls
PickViridian

Viridian is the more muted of the two (34% saturation) and sits more calmly on large wall surfaces, while Jade's higher chroma can overwhelm a room when used beyond accent pieces.

When to Use Jade vs Viridian in Design

Use Jade for:
Professional, calm branding
Health and wellness UI
Dark-mode accent colors
Modern tech interfaces
Corporate presentations
Use Viridian for:
Professional, calm branding
Health and wellness UI
Dark-mode accent colors
Modern tech interfaces
Corporate presentations

Jade and Viridian Hex Codes, RGB & HSL

Jade#00A86B

Jade (#00A86B) is a dark, vivid teal with a cool-leaning undertone — it feels rich, serious, substantial and bright, energetic, eye-catching.

HEX
RGB
HSL
HSV
CMYK
PANTONE
Shades
Tints
Viridian#40826D

Viridian (#40826D) is a dark, muted teal with a cool-leaning undertone — it feels rich, serious, substantial and subdued, sophisticated.

HEX
RGB
HSL
HSV
CMYK
PANTONE
Shades
Tints

Jade and Viridian WCAG Contrast Ratios

Text legibility depends on the contrast ratio between foreground and background. WCAG 2.1 AA requires at least 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1. Use these numbers to choose accessible combinations for your design.

Sample text preview
Jade text on white
3.08:1AA Large
Sample text preview
Jade text on black
6.81:1AA
Sample text preview
Viridian text on white
4.53:1AA
Sample text preview
Viridian text on black
4.63:1AA
Sample text preview
Jade text on Viridian
1.47:1Fail
Sample text preview
Viridian text on Jade
1.47:1Fail

More Jade and Viridian Comparisons

Jade vs Viridian FAQ

What is the difference between jade and viridian?+
The main difference between Jade and Viridian is brightness and saturation: both are teal shades, but Viridian is lighter and Jade is more saturated. Jade and Viridian are often confused but have distinct differences in hue, saturation, and tone. Jade (#00A86B) and Viridian (#40826D) each suit different design contexts — understanding their differences helps you choose the right color for your project.
Is jade darker than viridian?+
Yes. Jade is darker, with a lightness of 33% in HSL compared to Viridian at 38% — a 5-point gap.
Are jade and viridian the same color?+
No. Jade is #00A86B and Viridian is #40826D. They differ by 3° in hue, 5% in lightness, and 66% in saturation.
Which is more saturated, jade or viridian?+
Jade is more saturated. In HSL, Jade has 100% saturation and Viridian has 34% — Jade is the more vivid of the two, while Viridian reads as more muted.
Is jade warm or cool?+
Jade (#00A86B) is a cool-leaning teal. Its hue sits at 158° on the color wheel, which places it in the cool-leaning range.
Is viridian warm or cool?+
Viridian (#40826D) is a cool-leaning teal. Its hue sits at 161° on the color wheel, which places it in the cool-leaning range.
Can you use jade and viridian together?+
Yes. Both jade and viridian are teal shades, so they pair naturally in a monochromatic palette. Use jade as the dominant color and viridian as the accent or highlight.
What color family does jade belong to?+
Jade belongs to the teal family. Its HSL is 158°, 100%, 33% — a cool-leaning tone within the broader teal group.
What is the hex code for jade?+
The hex code for Jade is #00A86B. In RGB, that's rgb(0, 168, 107), and in HSL it's hsl(158, 100%, 33%).
What is the hex code for viridian?+
The hex code for Viridian is #40826D. In RGB, that's rgb(64, 130, 109), and in HSL it's hsl(161, 34%, 38%).