← Back to Editor

#68E873 · #72A641 · #8C8034 · #80472F · #662525

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#68E873

Emerald · LightGreen · Apple Green

HEX
#68E873
RGB
rgb(104, 232, 115)
HSL
hsl(125, 74%, 66%)
HSB
hsb(125, 55%, 91%)
CMYK
cmyk(55%, 0%, 50%, 9%)
Oklch
oklch(83.2% 0.194 145.2)

Traditional「Emerald」· Paint「Apple Green」· Creative Mint Breeze

#72A641

Celadon · DarkOliveGreen · Olive Green

HEX
#72A641
RGB
rgb(114, 166, 65)
HSL
hsl(91, 44%, 45%)
HSB
hsb(91, 61%, 65%)
CMYK
cmyk(31%, 0%, 61%, 35%)
Oklch
oklch(66.7% 0.144 132.1)

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

#8C8034

Autumn Sage · Sienna · Honey Gold

HEX
#8C8034
RGB
rgb(140, 128, 52)
HSL
hsl(52, 46%, 38%)
HSB
hsb(52, 63%, 55%)
CMYK
cmyk(0%, 9%, 63%, 45%)
Oklch
oklch(59.5% 0.098 100.4)

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

#80472F

Tangerine · Sienna · Amber Brown

HEX
#80472F
RGB
rgb(128, 71, 47)
HSL
hsl(18, 46%, 34%)
HSB
hsb(18, 63%, 50%)
CMYK
cmyk(0%, 45%, 63%, 50%)
Oklch
oklch(46.1% 0.086 43.1)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#662525

Crimson · Maroon · Wine Red

HEX
#662525
RGB
rgb(102, 37, 37)
HSL
hsl(0, 47%, 27%)
HSB
hsb(0, 64%, 40%)
CMYK
cmyk(0%, 64%, 64%, 60%)
Oklch
oklch(36.1% 0.094 23.0)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

68E873
E868DE

Analogous

9EE868
68E873
68E8B3

Triadic

68E873
7368E8
E87368

Split-Comp.

68E873
B368E8
E8689E

Tetradic

68E873
689EE8
E868DE
E8B368

Contrast Matrix WCAG 2.1 Contrast

68E873
72A641
8C8034
80472F
662525
—
1.8
Fail
2.5
Fail
4.7
AA
7.2
AAA
1.8
Fail
—
1.4
Fail
2.5
Fail
3.9
AA Large
2.5
Fail
1.4
Fail
—
1.8
Fail
2.8
Fail
4.7
AA
2.5
Fail
1.8
Fail
—
1.5
Fail
7.2
AAA
3.9
AA Large
2.8
Fail
1.5
Fail
—
White BG
1.6Fail
2.9Fail
4.0AA Large
7.3AAA
11.3AAA
Black BG
13.4AAA
7.2AAA
5.3AA
2.9Fail
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9FA18F
898959
878746
676735
4A4925

Deuteranopia

988E96
86825F
88884B
6B6F36
4E5225

Tritanopia

6EA6AB
756D71
8B5558
7D393A
632525

Achromatopsia

B4B4B4
8B8B8B
7B7B7B
555555
383838

Shades & Tints Shades & Tints

#68E873

Dark
Light

#72A641

Dark
Light

#8C8034

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #68e873;
  --color-2: #72a641;
  --color-3: #8c8034;
  --color-4: #80472f;
  --color-5: #662525;
}

SCSS

$color-1: #68e873;
$color-2: #72a641;
$color-3: #8c8034;
$color-4: #80472f;
$color-5: #662525;

TAILWIND

colors: {
  'brand-1': '#68e873',
  'brand-2': '#72a641',
  'brand-3': '#8c8034',
  'brand-4': '#80472f',
  'brand-5': '#662525',
}

RGB Array

[104, 232, 115], [114, 166, 65], [140, 128, 52], [128, 71, 47], [102, 37, 37]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #68E873, #72A641, #8C8034, #80472F, #662525 is ideal for: corporate websites, product showcases, portfolios. 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: #68e873; --color-2: #72a641; --color-3: #8c8034; --color-4: #80472f; --color-5: #662525. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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 general-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