← Back to Editor

#EFFDED · #E6EAE1 · #80AB99 · #195E76 · #121A2C

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#EFFDED

Emerald · SeaShell · Mint Green

HEX
#EFFDED
RGB
rgb(239, 253, 237)
HSL
hsl(113, 80%, 96%)
HSB
hsb(113, 6%, 99%)
CMYK
cmyk(6%, 0%, 6%, 1%)
Oklch
oklch(97.9% 0.026 141.8)

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

#E6EAE1

Willow Green · Beige · Mint Green

HEX
#E6EAE1
RGB
rgb(230, 234, 225)
HSL
hsl(87, 18%, 90%)
HSB
hsb(87, 4%, 92%)
CMYK
cmyk(2%, 0%, 4%, 8%)
Oklch
oklch(93.1% 0.013 126.4)

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

#80AB99

Mineral Blue · DarkSeaGreen · Olive Green

HEX
#80AB99
RGB
rgb(128, 171, 153)
HSL
hsl(155, 20%, 59%)
HSB
hsb(155, 25%, 67%)
CMYK
cmyk(25%, 0%, 11%, 33%)
Oklch
oklch(70.5% 0.053 167.2)

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

#195E76

Lake Blue · Teal · Mint Ice

HEX
#195E76
RGB
rgb(25, 94, 118)
HSL
hsl(195, 65%, 28%)
HSB
hsb(195, 79%, 46%)
CMYK
cmyk(79%, 20%, 0%, 54%)
Oklch
oklch(45.1% 0.076 226.0)

Traditional「Lake Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#121A2C

Indigo · Black · Deep Sea Blue

HEX
#121A2C
RGB
rgb(18, 26, 44)
HSL
hsl(222, 42%, 12%)
HSB
hsb(222, 59%, 17%)
CMYK
cmyk(59%, 41%, 0%, 83%)
Oklch
oklch(22.0% 0.037 265.2)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFFDED
FBEDFD

Analogous

F7FDED
EFFDED
EDFDF3

Triadic

EFFDED
EDEFFD
FDEDEF

Split-Comp.

EFFDED
F3EDFD
FDEDF7

Tetradic

EFFDED
EDF7FD
FBEDFD
FDF3ED

Contrast Matrix WCAG 2.1 Contrast

EFFDED
E6EAE1
80AB99
195E76
121A2C
—
1.2
Fail
2.4
Fail
6.9
AA
16.5
AAA
1.2
Fail
—
2.1
Fail
5.9
AA
14.2
AAA
2.4
Fail
2.1
Fail
—
2.8
Fail
6.8
AA
6.9
AA
5.9
AA
2.8
Fail
—
2.4
Fail
16.5
AAA
14.2
AAA
6.8
AA
2.4
Fail
—
White BG
1.1Fail
1.2Fail
2.6Fail
7.2AAA
17.4AAA
Black BG
19.9AAA
17.2AAA
8.2AAA
2.9Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F5F5F1
E8E8E3
93939D
373770
151628

Deuteranopia

F4F3F2
E8E7E4
908D9E
332E6F
151427

Tritanopia

F0F4F5
E6E5E5
82A1A2
1C6C6B
122423

Achromatopsia

F7F7F7
E8E8E8
9C9C9C
4C4C4C
1A1A1A

Shades & Tints Shades & Tints

#EFFDED

Dark
Light

#E6EAE1

Dark
Light

#80AB99

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #effded;
  --color-2: #e6eae1;
  --color-3: #80ab99;
  --color-4: #195e76;
  --color-5: #121a2c;
}

SCSS

$color-1: #effded;
$color-2: #e6eae1;
$color-3: #80ab99;
$color-4: #195e76;
$color-5: #121a2c;

TAILWIND

colors: {
  'brand-1': '#effded',
  'brand-2': '#e6eae1',
  'brand-3': '#80ab99',
  'brand-4': '#195e76',
  'brand-5': '#121a2c',
}

RGB Array

[239, 253, 237], [230, 234, 225], [128, 171, 153], [25, 94, 118], [18, 26, 44]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EFFDED, #E6EAE1, #80AB99, #195E76, #121A2C 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: #effded; --color-2: #e6eae1; --color-3: #80ab99; --color-4: #195e76; --color-5: #121a2c. 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