← Back to Editor

#E04725 · #7A834C · #84A475 · #9DDDC0 · #EBE9C5

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#E04725

Vermilion · Chocolate · Passion Red

HEX
#E04725
RGB
rgb(224, 71, 37)
HSL
hsl(11, 75%, 51%)
HSB
hsb(11, 83%, 88%)
CMYK
cmyk(0%, 68%, 83%, 12%)
Oklch
oklch(61.2% 0.195 33.9)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#7A834C

Grass Green · DimGray · Olive Green

HEX
#7A834C
RGB
rgb(122, 131, 76)
HSL
hsl(70, 27%, 41%)
HSB
hsb(70, 42%, 51%)
CMYK
cmyk(7%, 0%, 42%, 49%)
Oklch
oklch(58.9% 0.078 116.4)

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

#84A475

Celadon · DarkSeaGreen · Olive Green

HEX
#84A475
RGB
rgb(132, 164, 117)
HSL
hsl(101, 21%, 55%)
HSB
hsb(101, 29%, 64%)
CMYK
cmyk(20%, 0%, 29%, 36%)
Oklch
oklch(68.2% 0.076 135.9)

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

#9DDDC0

Jade · LightBlue · Apple Green

HEX
#9DDDC0
RGB
rgb(157, 221, 192)
HSL
hsl(153, 48%, 74%)
HSB
hsb(153, 29%, 87%)
CMYK
cmyk(29%, 0%, 13%, 13%)
Oklch
oklch(84.6% 0.077 164.8)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#EBE9C5

Fresh Green · Bisque · Lemon Cream

HEX
#EBE9C5
RGB
rgb(235, 233, 197)
HSL
hsl(57, 49%, 85%)
HSB
hsb(57, 16%, 92%)
CMYK
cmyk(0%, 1%, 16%, 8%)
Oklch
oklch(92.6% 0.047 104.7)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E04725
24BDE0

Analogous

E02460
E04725
E0A424

Triadic

E04725
24E047
4724E0

Split-Comp.

E04725
24E0A4
2460E0

Tetradic

E04725
60E024
24BDE0
A424E0

Contrast Matrix WCAG 2.1 Contrast

E04725
7A834C
84A475
9DDDC0
EBE9C5
—
1.0
Fail
1.5
Fail
2.7
Fail
3.3
AA Large
1.0
Fail
—
1.5
Fail
2.6
Fail
3.3
AA Large
1.5
Fail
1.5
Fail
—
1.8
Fail
2.3
Fail
2.7
Fail
2.6
Fail
1.8
Fail
—
1.3
Fail
3.3
AA Large
3.3
AA Large
2.3
Fail
1.3
Fail
—
White BG
4.1AA Large
4.1AA Large
2.8Fail
1.6Fail
1.2Fail
Black BG
5.1AA
5.2AA
7.5AAA
13.5AAA
17.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9E9C2D
7E7E59
929280
B9B9C7
EAEACE

Deuteranopia

A7B22F
7D7D5D
908E83
B5B0C9
EAEAD0

Tritanopia

D83435
7A6466
86898B
A0CDCE
EBD5D6

Achromatopsia

717171
7A7A7A
959595
C7C7C7
E5E5E5

Shades & Tints Shades & Tints

#E04725

Dark
Light

#7A834C

Dark
Light

#84A475

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e04725;
  --color-2: #7a834c;
  --color-3: #84a475;
  --color-4: #9dddc0;
  --color-5: #ebe9c5;
}

SCSS

$color-1: #e04725;
$color-2: #7a834c;
$color-3: #84a475;
$color-4: #9dddc0;
$color-5: #ebe9c5;

TAILWIND

colors: {
  'brand-1': '#e04725',
  'brand-2': '#7a834c',
  'brand-3': '#84a475',
  'brand-4': '#9dddc0',
  'brand-5': '#ebe9c5',
}

RGB Array

[224, 71, 37], [122, 131, 76], [132, 164, 117], [157, 221, 192], [235, 233, 197]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E04725, #7A834C, #84A475, #9DDDC0, #EBE9C5 is ideal for: 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: #e04725; --color-2: #7a834c; --color-3: #84a475; --color-4: #9dddc0; --color-5: #ebe9c5. 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. 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 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