← Back to Editor

#73DE49 · #62A348 · #3B6B4F · #43394F · #1D1C1F

nature

A 5-color nature palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedCool

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlogData Visualization

Color Details Color Details

#73DE49

Emerald · LimeGreen · Olive Green

HEX
#73DE49
RGB
rgb(115, 222, 73)
HSL
hsl(103, 69%, 58%)
HSB
hsb(103, 67%, 87%)
CMYK
cmyk(48%, 0%, 67%, 13%)
Oklch
oklch(80.7% 0.210 138.2)

Traditional「Emerald」· Paint「Olive Green」· Creative Blush Sunrise

#62A348

Celadon · MediumSeaGreen · Olive Green

HEX
#62A348
RGB
rgb(98, 163, 72)
HSL
hsl(103, 39%, 46%)
HSB
hsb(103, 56%, 64%)
CMYK
cmyk(40%, 0%, 56%, 36%)
Oklch
oklch(65.1% 0.142 137.6)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#3B6B4F

Celadon · DarkSlateGray · Forest Green

HEX
#3B6B4F
RGB
rgb(59, 107, 79)
HSL
hsl(145, 29%, 33%)
HSB
hsb(145, 45%, 42%)
CMYK
cmyk(45%, 0%, 26%, 58%)
Oklch
oklch(48.5% 0.070 156.9)

Traditional「Celadon」· Paint「Forest Green」· Creative Blush Sunrise

#43394F

Deep Indigo · DarkSlateGray · Eggplant

HEX
#43394F
RGB
rgb(67, 57, 79)
HSL
hsl(267, 16%, 27%)
HSB
hsb(267, 28%, 31%)
CMYK
cmyk(15%, 28%, 0%, 69%)
Oklch
oklch(36.4% 0.039 305.2)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

#1D1C1F

Ink Black · Black · Dark Stone

HEX
#1D1C1F
RGB
rgb(29, 28, 31)
HSL
hsl(260, 5%, 12%)
HSB
hsb(260, 10%, 12%)
CMYK
cmyk(6%, 10%, 0%, 88%)
Oklch
oklch(22.9% 0.006 301.1)

Traditional「Ink Black」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

73DE49
B44ADE

Analogous

BEDE4A
73DE49
4ADE6A

Triadic

73DE49
4A74DE
DE4A74

Split-Comp.

73DE49
6A4ADE
DE4ABE

Tetradic

73DE49
4ABEDE
B44ADE
DE6A4A

Contrast Matrix WCAG 2.1 Contrast

73DE49
62A348
3B6B4F
43394F
1D1C1F
—
1.8
Fail
3.6
AA Large
6.3
AA
9.9
AAA
1.8
Fail
—
2.0
Fail
3.5
AA Large
5.5
AA
3.6
AA Large
2.0
Fail
—
1.8
Fail
2.7
Fail
6.3
AA
3.5
AA Large
1.8
Fail
—
1.6
Fail
9.9
AAA
5.5
AA
2.7
Fail
1.6
Fail
—
White BG
1.7Fail
3.1AA Large
6.2AA
10.8AAA
17.0AAA
Black BG
12.3AAA
6.9AA
3.4AA Large
1.9Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A1A26D
7E7F5E
505056
3F3F4A
1D1D1E

Deuteranopia

9B9376
7A7663
4D4957
3F4048
1D1D1E

Tritanopia

788A90
656F73
3D5B5C
434545
1D1E1E

Achromatopsia

ADADAD
858585
595959
3E3E3E
1D1D1D

Shades & Tints Shades & Tints

#73DE49

Dark
Light

#62A348

Dark
Light

#3B6B4F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #73de49;
  --color-2: #62a348;
  --color-3: #3b6b4f;
  --color-4: #43394f;
  --color-5: #1d1c1f;
}

SCSS

$color-1: #73de49;
$color-2: #62a348;
$color-3: #3b6b4f;
$color-4: #43394f;
$color-5: #1d1c1f;

TAILWIND

colors: {
  'brand-1': '#73de49',
  'brand-2': '#62a348',
  'brand-3': '#3b6b4f',
  'brand-4': '#43394f',
  'brand-5': '#1d1c1f',
}

RGB Array

[115, 222, 73], [98, 163, 72], [59, 107, 79], [67, 57, 79], [29, 28, 31]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #73DE49, #62A348, #3B6B4F, #43394F, #1D1C1F is ideal for: tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #73de49; --color-2: #62a348; --color-3: #3b6b4f; --color-4: #43394f; --color-5: #1d1c1f. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. High-contrast palettes naturally meet WCAG accessibility standards. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This nature-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color