← Back to Editor

#E88809 · #010801 · #C4FC0A · #C7FCCC · #ECFFEF

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#E88809

Ochre · Orange · Amber Brown

HEX
#E88809
RGB
rgb(232, 136, 9)
HSL
hsl(34, 93%, 47%)
HSB
hsb(34, 96%, 91%)
CMYK
cmyk(0%, 41%, 96%, 9%)
Oklch
oklch(71.4% 0.162 62.6)

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

#010801

Pine Green · Black · Dark Green

HEX
#010801
RGB
rgb(1, 8, 1)
HSL
hsl(120, 78%, 2%)
HSB
hsb(120, 88%, 3%)
CMYK
cmyk(88%, 0%, 88%, 97%)
Oklch
oklch(11.9% 0.032 143.2)

Traditional「Pine Green」· Paint「Dark Green」· Creative Blush Sunrise

#C4FC0A

Grass Green · GreenYellow · Olive Green

HEX
#C4FC0A
RGB
rgb(196, 252, 10)
HSL
hsl(74, 98%, 51%)
HSB
hsb(74, 96%, 99%)
CMYK
cmyk(22%, 0%, 96%, 1%)
Oklch
oklch(91.9% 0.228 124.4)

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

#C7FCCC

Emerald · LightGray · Mint Green

HEX
#C7FCCC
RGB
rgb(199, 252, 204)
HSL
hsl(126, 90%, 88%)
HSB
hsb(126, 21%, 99%)
CMYK
cmyk(21%, 0%, 19%, 1%)
Oklch
oklch(94.2% 0.084 147.4)

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

#ECFFEF

Emerald · SeaShell · Mint Green

HEX
#ECFFEF
RGB
rgb(236, 255, 239)
HSL
hsl(129, 100%, 96%)
HSB
hsb(129, 7%, 100%)
CMYK
cmyk(7%, 0%, 6%, 0%)
Oklch
oklch(98.2% 0.029 150.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E88809
0869E7

Analogous

E71708
E88809
D8E708

Triadic

E88809
08E787
8708E7

Split-Comp.

E88809
08D8E7
1708E7

Tetradic

E88809
08E717
0869E7
E708D8

Contrast Matrix WCAG 2.1 Contrast

E88809
010801
C4FC0A
C7FCCC
ECFFEF
—
7.7
AAA
2.2
Fail
2.3
Fail
2.5
Fail
7.7
AAA
—
16.7
AAA
17.6
AAA
19.4
AAA
2.2
Fail
16.7
AAA
—
1.1
Fail
1.2
Fail
2.3
Fail
17.6
AAA
1.1
Fail
—
1.1
Fail
2.5
Fail
19.4
AAA
1.2
Fail
1.1
Fail
—
White BG
2.6Fail
20.3AAA
1.2Fail
1.2Fail
1.0Fail
Black BG
8.0AAA
1.0Fail
17.3AAA
18.2AAA
20.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BEBE28
040403
DCDD45
DEDED8
F4F4F3

Deuteranopia

C4CB2F
040303
D9D553
DBD7DA
F3F2F4

Tritanopia

E34045
010404
C7737D
CAE1E3
EDF6F7

Achromatopsia

969696
050505
D0D0D0
E7E7E7
F7F7F7

Shades & Tints Shades & Tints

#E88809

Dark
Light

#010801

Dark
Light

#C4FC0A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e88809;
  --color-2: #010801;
  --color-3: #c4fc0a;
  --color-4: #c7fccc;
  --color-5: #ecffef;
}

SCSS

$color-1: #e88809;
$color-2: #010801;
$color-3: #c4fc0a;
$color-4: #c7fccc;
$color-5: #ecffef;

TAILWIND

colors: {
  'brand-1': '#e88809',
  'brand-2': '#010801',
  'brand-3': '#c4fc0a',
  'brand-4': '#c7fccc',
  'brand-5': '#ecffef',
}

RGB Array

[232, 136, 9], [1, 8, 1], [196, 252, 10], [199, 252, 204], [236, 255, 239]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E88809, #010801, #C4FC0A, #C7FCCC, #ECFFEF is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #e88809; --color-2: #010801; --color-3: #c4fc0a; --color-4: #c7fccc; --color-5: #ecffef. 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 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