← Back to Editor

#8F9E54 · #000000 · #E3AC8A · #FFCBAB · #EB9865

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 LibraryData Visualization

Color Details Color Details

#8F9E54

Grass Green · Gray · Olive Green

HEX
#8F9E54
RGB
rgb(143, 158, 84)
HSL
hsl(72, 31%, 47%)
HSB
hsb(72, 47%, 62%)
CMYK
cmyk(9%, 0%, 47%, 38%)
Oklch
oklch(67.0% 0.100 118.6)

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

#000000

Ink Black · Black · Jet Black

HEX
#000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
HSB
hsb(0, 0%, 0%)
CMYK
cmyk(0%, 0%, 0%, 100%)
Oklch
oklch(0.0% 0.000 0.0)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

#E3AC8A

Apricot · BurlyWood · Warm Sun

HEX
#E3AC8A
RGB
rgb(227, 172, 138)
HSL
hsl(23, 61%, 72%)
HSB
hsb(23, 39%, 89%)
CMYK
cmyk(0%, 24%, 39%, 11%)
Oklch
oklch(78.7% 0.080 53.0)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#FFCBAB

Apricot · Wheat · Peach Orange

HEX
#FFCBAB
RGB
rgb(255, 203, 171)
HSL
hsl(23, 100%, 84%)
HSB
hsb(23, 33%, 100%)
CMYK
cmyk(0%, 20%, 33%, 0%)
Oklch
oklch(88.0% 0.073 53.1)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#EB9865

Apricot · SandyBrown · Warm Sun

HEX
#EB9865
RGB
rgb(235, 152, 101)
HSL
hsl(23, 77%, 66%)
HSB
hsb(23, 57%, 92%)
CMYK
cmyk(0%, 35%, 57%, 8%)
Oklch
oklch(75.3% 0.120 51.6)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8F9E54
62539D

Analogous

9D8753
8F9E54
699D53

Triadic

8F9E54
538E9D
9D538E

Split-Comp.

8F9E54
53699D
87539D

Tetradic

8F9E54
539D87
62539D
9D5369

Contrast Matrix WCAG 2.1 Contrast

8F9E54
000000
E3AC8A
FFCBAB
EB9865
—
7.2
AAA
1.5
Fail
2.0
Fail
1.3
Fail
7.2
AAA
—
10.5
AAA
14.4
AAA
9.2
AAA
1.5
Fail
10.5
AAA
—
1.4
Fail
1.1
Fail
2.0
Fail
14.4
AAA
1.4
Fail
—
1.6
Fail
1.3
Fail
9.2
AAA
1.1
Fail
1.6
Fail
—
White BG
2.9Fail
21.0AAA
2.0Fail
1.5Fail
2.3Fail
Black BG
7.2AAA
1.0Fail
10.5AAA
14.4AAA
9.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

959666
000000
CBCB92
E8E8B3
C7C671

Deuteranopia

95946A
000000
CED294
ECEFB5
CCD274

Tritanopia

907477
000000
E0999A
FCB9BA
E77B7D

Achromatopsia

919191
000000
B9B9B9
D7D7D7
ABABAB

Shades & Tints Shades & Tints

#8F9E54

Dark
Light

#000000

Dark
Light

#E3AC8A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8f9e54;
  --color-2: #000000;
  --color-3: #e3ac8a;
  --color-4: #ffcbab;
  --color-5: #eb9865;
}

SCSS

$color-1: #8f9e54;
$color-2: #000000;
$color-3: #e3ac8a;
$color-4: #ffcbab;
$color-5: #eb9865;

TAILWIND

colors: {
  'brand-1': '#8f9e54',
  'brand-2': '#000000',
  'brand-3': '#e3ac8a',
  'brand-4': '#ffcbab',
  'brand-5': '#eb9865',
}

RGB Array

[143, 158, 84], [0, 0, 0], [227, 172, 138], [255, 203, 171], [235, 152, 101]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8F9E54, #000000, #E3AC8A, #FFCBAB, #EB9865 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: #8f9e54; --color-2: #000000; --color-3: #e3ac8a; --color-4: #ffcbab; --color-5: #eb9865. 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