← Back to Editor

#EBDE7E · #869C6E · #45755D · #D7493D · #242E2F

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

#EBDE7E

Fresh Green · Khaki · Sunflower

HEX
#EBDE7E
RGB
rgb(235, 222, 126)
HSL
hsl(53, 73%, 71%)
HSB
hsb(53, 46%, 92%)
CMYK
cmyk(0%, 6%, 46%, 8%)
Oklch
oklch(89.1% 0.118 101.6)

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

#869C6E

Grass Green · Gray · Olive Green

HEX
#869C6E
RGB
rgb(134, 156, 110)
HSL
hsl(89, 19%, 52%)
HSB
hsb(89, 29%, 61%)
CMYK
cmyk(14%, 0%, 29%, 39%)
Oklch
oklch(66.3% 0.070 128.9)

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

#45755D

Mineral Blue · SeaGreen · Forest Green

HEX
#45755D
RGB
rgb(69, 117, 93)
HSL
hsl(150, 26%, 36%)
HSB
hsb(150, 41%, 46%)
CMYK
cmyk(41%, 0%, 21%, 54%)
Oklch
oklch(52.1% 0.065 161.2)

Traditional「Mineral Blue」· Paint「Forest Green」· Creative Blush Sunrise

#D7493D

Vermilion · Chocolate · Passion Red

HEX
#D7493D
RGB
rgb(215, 73, 61)
HSL
hsl(5, 66%, 54%)
HSB
hsb(5, 72%, 84%)
CMYK
cmyk(0%, 66%, 72%, 16%)
Oklch
oklch(60.1% 0.180 28.4)

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

#242E2F

Slate Blue · DarkSlateGray · Peacock Green

HEX
#242E2F
RGB
rgb(36, 46, 47)
HSL
hsl(185, 13%, 16%)
HSB
hsb(185, 23%, 18%)
CMYK
cmyk(23%, 2%, 0%, 82%)
Oklch
oklch(29.2% 0.014 203.9)

Traditional「Slate Blue」· Paint「Peacock Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBDE7E
7F8CEB

Analogous

EBA87F
EBDE7E
C2EB7F

Triadic

EBDE7E
7FEBDE
DE7FEB

Split-Comp.

EBDE7E
7FC2EB
A87FEB

Tetradic

EBDE7E
7FEBA8
7F8CEB
EB7FC2

Contrast Matrix WCAG 2.1 Contrast

EBDE7E
869C6E
45755D
D7493D
242E2F
—
2.2
Fail
3.9
AA Large
3.1
AA Large
10.1
AAA
2.2
Fail
—
1.8
Fail
1.4
Fail
4.6
AA
3.9
AA Large
1.8
Fail
—
1.2
Fail
2.6
Fail
3.1
AA Large
1.4
Fail
1.2
Fail
—
3.3
AA Large
10.1
AAA
4.6
AA
2.6
Fail
3.3
AA Large
—
White BG
1.4Fail
3.0AA Large
5.3AA
4.3AA Large
13.9AAA
Black BG
15.3AAA
7.0AA
4.0AA Large
4.9AA
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E5E595
909079
5A5A63
9A9840
28282F

Deuteranopia

E6E79B
8E8D7C
575364
A2AC41
28272F

Tritanopia

EAA8AC
878284
476768
D04243
242F2F

Achromatopsia

D7D7D7
909090
646464
727272
2B2B2B

Shades & Tints Shades & Tints

#EBDE7E

Dark
Light

#869C6E

Dark
Light

#45755D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebde7e;
  --color-2: #869c6e;
  --color-3: #45755d;
  --color-4: #d7493d;
  --color-5: #242e2f;
}

SCSS

$color-1: #ebde7e;
$color-2: #869c6e;
$color-3: #45755d;
$color-4: #d7493d;
$color-5: #242e2f;

TAILWIND

colors: {
  'brand-1': '#ebde7e',
  'brand-2': '#869c6e',
  'brand-3': '#45755d',
  'brand-4': '#d7493d',
  'brand-5': '#242e2f',
}

RGB Array

[235, 222, 126], [134, 156, 110], [69, 117, 93], [215, 73, 61], [36, 46, 47]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EBDE7E, #869C6E, #45755D, #D7493D, #242E2F 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: #ebde7e; --color-2: #869c6e; --color-3: #45755d; --color-4: #d7493d; --color-5: #242e2f. 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