← Back to Editor

#C5DA00 · #98A300 · #715200 · #460E00 · #1A0F00

earth

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#C5DA00

Autumn Sage · Gold · Honey Gold

HEX
#C5DA00
RGB
rgb(197, 218, 0)
HSL
hsl(66, 100%, 43%)
HSB
hsb(66, 100%, 85%)
CMYK
cmyk(10%, 0%, 100%, 15%)
Oklch
oklch(84.3% 0.194 116.6)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#98A300

Autumn Sage · Olive · Honey Gold

HEX
#98A300
RGB
rgb(152, 163, 0)
HSL
hsl(64, 100%, 32%)
HSB
hsb(64, 100%, 64%)
CMYK
cmyk(7%, 0%, 100%, 36%)
Oklch
oklch(68.3% 0.154 114.5)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#715200

Ochre · Olive · Amber Gold

HEX
#715200
RGB
rgb(113, 82, 0)
HSL
hsl(44, 100%, 22%)
HSB
hsb(44, 100%, 44%)
CMYK
cmyk(0%, 27%, 100%, 56%)
Oklch
oklch(45.9% 0.094 83.2)

Traditional「Ochre」· Paint「Amber Gold」· Creative Blush Sunrise

#460E00

Vermilion · Maroon · Deep Berry

HEX
#460E00
RGB
rgb(70, 14, 0)
HSL
hsl(12, 100%, 14%)
HSB
hsb(12, 100%, 27%)
CMYK
cmyk(0%, 80%, 100%, 73%)
Oklch
oklch(26.3% 0.088 36.7)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#1A0F00

Ochre · Black · Cinnamon

HEX
#1A0F00
RGB
rgb(26, 15, 0)
HSL
hsl(35, 100%, 5%)
HSB
hsb(35, 100%, 10%)
CMYK
cmyk(0%, 42%, 100%, 90%)
Oklch
oklch(17.9% 0.037 79.0)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C5DA00
1600DB

Analogous

DB8400
C5DA00
58DB00

Triadic

C5DA00
00C5DB
DB00C5

Split-Comp.

C5DA00
0058DB
8400DB

Tetradic

C5DA00
00DB84
1600DB
DB0058

Contrast Matrix WCAG 2.1 Contrast

C5DA00
98A300
715200
460E00
1A0F00
—
1.8
Fail
4.6
AA
10.1
AAA
12.0
AAA
1.8
Fail
—
2.6
Fail
5.7
AA
6.8
AA
4.6
AA
2.6
Fail
—
2.2
Fail
2.6
Fail
10.1
AAA
5.7
AA
2.2
Fail
—
1.2
Fail
12.0
AAA
6.8
AA
2.6
Fail
1.2
Fail
—
White BG
1.6Fail
2.8Fail
7.2AAA
15.9AAA
18.9AAA
Black BG
13.4AAA
7.6AAA
2.9Fail
1.3Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CECE35
9D9D27
646314
2E2D03
151504

Deuteranopia

CDCB41
9C9B31
656819
313504
161705

Tritanopia

C65E68
99474D
6F2427
430607
190607

Achromatopsia

BBBBBB
8D8D8D
525252
1D1D1D
111111

Shades & Tints Shades & Tints

#C5DA00

Dark
Light

#98A300

Dark
Light

#715200

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c5da00;
  --color-2: #98a300;
  --color-3: #715200;
  --color-4: #460e00;
  --color-5: #1a0f00;
}

SCSS

$color-1: #c5da00;
$color-2: #98a300;
$color-3: #715200;
$color-4: #460e00;
$color-5: #1a0f00;

TAILWIND

colors: {
  'brand-1': '#c5da00',
  'brand-2': '#98a300',
  'brand-3': '#715200',
  'brand-4': '#460e00',
  'brand-5': '#1a0f00',
}

RGB Array

[197, 218, 0], [152, 163, 0], [113, 82, 0], [70, 14, 0], [26, 15, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #C5DA00, #98A300, #715200, #460E00, #1A0F00 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #c5da00; --color-2: #98a300; --color-3: #715200; --color-4: #460e00; --color-5: #1a0f00. 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. 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 earth-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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