Home /Compare /Viridian vs Kelly Green

Viridian vs Kelly Green: What's the Difference?

The main difference between Viridian and Kelly Green is hue — Viridian is a cool-leaning teal, while Kelly Green is a cool-leaning green. Viridian and Kelly Green are often confused but have distinct differences in hue, saturation, and tone. Viridian (#40826D) and Kelly Green (#4CBB17) each suit different design contexts — understanding their differences helps you choose the right color for your project.

Viridian#40826D
Kelly Green#4CBB17
#40826DBlended: #469F42#4CBB17
ShareSave to PinterestTweet

Viridian vs Kelly Green: Key Differences at a Glance

Aspect Viridian Kelly Green
BrightnessDark (L=38%) — rich, serious, substantialMedium (L=41%) — balanced, versatile
SaturationMuted (S=34%) — subdued, sophisticatedVivid (S=78%) — bright, energetic, eye-catching
Hue familyTealGreen
TemperatureCool-leaningCool-leaning
Hex code#40826D#4CBB17
RGB64, 130, 10976, 187, 23

Can you use Viridian and Kelly Green together?

Kelly Green text on Viridian
Viridian text on Kelly Green
Contrast Ratio:1.82:1Insufficient Contrast

How to Tell Viridian and Kelly Green Apart

  • Check saturation: Kelly Green looks more vivid and saturated.
  • Watch the undertone: the hue shifts 60° between them, which changes the perceived temperature.
  • Compare them on a white background to see true saturation, and on black to see true lightness.

Viridian or Kelly Green: Which to Use and Where

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

Branding & logos
PickKelly Green

Kelly Green is more saturated (78% 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 Kelly Green only reaches 2.49:1 and risks failing AA at small body sizes.

Fashion & apparel
PickKelly Green

Kelly Green is a cool-leaning tone that flatters spring/summer collections and warmer skin undertones, while Viridian 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 Kelly Green's higher chroma can overwhelm a room when used beyond accent pieces.

When to Use Viridian vs Kelly Green in Design

Use Viridian for:
Professional, calm branding
Health and wellness UI
Dark-mode accent colors
Modern tech interfaces
Corporate presentations
Use Kelly Green for:
Eco, nature, wellness brands
Finance, success, growth
Go-states and confirmations
Food and garden products
Calm, grounded UI surfaces

Viridian and Kelly Green Hex Codes, RGB & HSL

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
Kelly Green#4CBB17

Kelly Green (#4CBB17) is a medium, vivid green with a cool-leaning undertone — it feels balanced, versatile and bright, energetic, eye-catching.

HEX
RGB
HSL
HSV
CMYK
PANTONE
Shades
Tints

Viridian and Kelly Green 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
Viridian text on white
4.53:1AA
Sample text preview
Viridian text on black
4.63:1AA
Sample text preview
Kelly Green text on white
2.49:1Fail
Sample text preview
Kelly Green text on black
8.43:1AAA
Sample text preview
Viridian text on Kelly Green
1.82:1Fail
Sample text preview
Kelly Green text on Viridian
1.82:1Fail

More Viridian and Kelly Green Comparisons

Viridian vs Kelly Green FAQ

What is the difference between viridian and kelly green?+
The main difference between Viridian and Kelly Green is hue — Viridian is a cool-leaning teal, while Kelly Green is a cool-leaning green. Viridian and Kelly Green are often confused but have distinct differences in hue, saturation, and tone. Viridian (#40826D) and Kelly Green (#4CBB17) each suit different design contexts — understanding their differences helps you choose the right color for your project.
Is viridian darker than kelly green?+
Yes. Viridian is darker, with a lightness of 38% in HSL compared to Kelly Green at 41% — a 3-point gap.
Are viridian and kelly green the same color?+
No. Viridian is #40826D and Kelly Green is #4CBB17. They differ by 60° in hue, 3% in lightness, and 44% in saturation.
Which is more saturated, viridian or kelly green?+
Kelly Green is more saturated. In HSL, Viridian has 34% saturation and Kelly Green has 78% — Kelly Green is the more vivid of the two, while Viridian reads as more muted.
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.
Is kelly green warm or cool?+
Kelly Green (#4CBB17) is a cool-leaning green. Its hue sits at 101° on the color wheel, which places it in the cool-leaning range.
Can you use viridian and kelly green together?+
Yes. Viridian (teal) and Kelly Green (green) can work as a complementary or analogous pair. Use one as the dominant tone and the other as a 10–20% accent to keep the palette balanced.
What color family does viridian belong to?+
Viridian belongs to the teal family. Its HSL is 161°, 34%, 38% — a cool-leaning tone within the broader teal group.
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%).
What is the hex code for kelly green?+
The hex code for Kelly Green is #4CBB17. In RGB, that's rgb(76, 187, 23), and in HSL it's hsl(101, 78%, 41%).