← Back to Editor

#E6FFCC · #90C0A8 · #78A890 · #55632F · #BF3924

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

#E6FFCC

Willow Green · Beige · Mint Green

HEX
#E6FFCC
RGB
rgb(230, 255, 204)
HSL
hsl(89, 100%, 90%)
HSB
hsb(89, 20%, 100%)
CMYK
cmyk(10%, 0%, 20%, 0%)
Oklch
oklch(96.9% 0.071 128.9)

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

#90C0A8

Jade · DarkSeaGreen · Apple Green

HEX
#90C0A8
RGB
rgb(144, 192, 168)
HSL
hsl(150, 28%, 66%)
HSB
hsb(150, 25%, 75%)
CMYK
cmyk(25%, 0%, 13%, 25%)
Oklch
oklch(76.7% 0.061 162.8)

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

#78A890

Mineral Blue · DarkSeaGreen · Olive Green

HEX
#78A890
RGB
rgb(120, 168, 144)
HSL
hsl(150, 22%, 56%)
HSB
hsb(150, 29%, 66%)
CMYK
cmyk(29%, 0%, 14%, 34%)
Oklch
oklch(69.0% 0.062 162.5)

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

#55632F

Grass Green · DarkOliveGreen · Forest Green

HEX
#55632F
RGB
rgb(85, 99, 47)
HSL
hsl(76, 36%, 29%)
HSB
hsb(76, 53%, 39%)
CMYK
cmyk(14%, 0%, 53%, 61%)
Oklch
oklch(47.5% 0.077 121.8)

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

#BF3924

Vermilion · FireBrick · Passion Red

HEX
#BF3924
RGB
rgb(191, 57, 36)
HSL
hsl(8, 68%, 45%)
HSB
hsb(8, 81%, 75%)
CMYK
cmyk(0%, 70%, 81%, 25%)
Oklch
oklch(54.1% 0.174 31.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6FFCC
E5CCFF

Analogous

FFFECC
E6FFCC
CDFFCC

Triadic

E6FFCC
CCE6FF
FFCCE6

Split-Comp.

E6FFCC
CCCDFF
FECCFF

Tetradic

E6FFCC
CCFFFE
E5CCFF
FFCCCD

Contrast Matrix WCAG 2.1 Contrast

E6FFCC
90C0A8
78A890
55632F
BF3924
—
1.9
Fail
2.5
Fail
6.1
AA
5.1
AA
1.9
Fail
—
1.3
Fail
3.2
AA Large
2.7
Fail
2.5
Fail
1.3
Fail
—
2.4
Fail
2.0
Fail
6.1
AA
3.2
AA Large
2.4
Fail
—
1.2
Fail
5.1
AA
2.7
Fail
2.0
Fail
1.2
Fail
—
White BG
1.1Fail
2.0Fail
2.7Fail
6.5AA
5.5AA
Black BG
19.5AAA
10.3AAA
7.8AAA
3.2AA Large
3.8AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

F1F1D8
A5A5AE
8D8D96
5B5B3C
858429

Deuteranopia

EFEEDB
A29EAF
8A8697
5A593F
8D972A

Tritanopia

E7E2E4
92B2B3
7A9A9B
564648
B82D2E

Achromatopsia

F2F2F2
AFAFAF
979797
595959
5F5F5F

Shades & Tints Shades & Tints

#E6FFCC

Dark
Light

#90C0A8

Dark
Light

#78A890

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6ffcc;
  --color-2: #90c0a8;
  --color-3: #78a890;
  --color-4: #55632f;
  --color-5: #bf3924;
}

SCSS

$color-1: #e6ffcc;
$color-2: #90c0a8;
$color-3: #78a890;
$color-4: #55632f;
$color-5: #bf3924;

TAILWIND

colors: {
  'brand-1': '#e6ffcc',
  'brand-2': '#90c0a8',
  'brand-3': '#78a890',
  'brand-4': '#55632f',
  'brand-5': '#bf3924',
}

RGB Array

[230, 255, 204], [144, 192, 168], [120, 168, 144], [85, 99, 47], [191, 57, 36]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E6FFCC, #90C0A8, #78A890, #55632F, #BF3924 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: #e6ffcc; --color-2: #90c0a8; --color-3: #78a890; --color-4: #55632f; --color-5: #bf3924. 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