← Back to Editor

#E6FFE6 · #A5DDC2 · #628076 · #A4CBC9 · #C9E8E2

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#E6FFE6

Emerald · Beige · Mint Green

HEX
#E6FFE6
RGB
rgb(230, 255, 230)
HSL
hsl(120, 100%, 95%)
HSB
hsb(120, 10%, 100%)
CMYK
cmyk(10%, 0%, 10%, 0%)
Oklch
oklch(97.5% 0.042 145.2)

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

#A5DDC2

Jade · LightBlue · Apple Green

HEX
#A5DDC2
RGB
rgb(165, 221, 194)
HSL
hsl(151, 45%, 76%)
HSB
hsb(151, 25%, 87%)
CMYK
cmyk(25%, 0%, 12%, 13%)
Oklch
oklch(85.1% 0.069 163.7)

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

#628076

Mineral Blue · DimGray · Mint Ice

HEX
#628076
RGB
rgb(98, 128, 118)
HSL
hsl(160, 13%, 44%)
HSB
hsb(160, 23%, 50%)
CMYK
cmyk(23%, 0%, 8%, 50%)
Oklch
oklch(57.4% 0.038 172.5)

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

#A4CBC9

Jade · LightSteelBlue · Lake Green

HEX
#A4CBC9
RGB
rgb(164, 203, 201)
HSL
hsl(177, 27%, 72%)
HSB
hsb(177, 19%, 80%)
CMYK
cmyk(19%, 0%, 1%, 20%)
Oklch
oklch(81.3% 0.041 192.5)

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

#C9E8E2

Jade · LightGray · Glacier Blue

HEX
#C9E8E2
RGB
rgb(201, 232, 226)
HSL
hsl(168, 40%, 85%)
HSB
hsb(168, 13%, 91%)
CMYK
cmyk(13%, 0%, 3%, 9%)
Oklch
oklch(90.7% 0.034 182.6)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6FFE6
FFE5FF

Analogous

F2FFE5
E6FFE6
E5FFF2

Triadic

E6FFE6
E5E5FF
FFE5E5

Split-Comp.

E6FFE6
F2E5FF
FFE5F2

Tetradic

E6FFE6
E5F2FF
FFE5FF
FFF2E5

Contrast Matrix WCAG 2.1 Contrast

E6FFE6
A5DDC2
628076
A4CBC9
C9E8E2
—
1.4
Fail
4.1
AA Large
1.7
Fail
1.2
Fail
1.4
Fail
—
2.8
Fail
1.1
Fail
1.2
Fail
4.1
AA Large
2.8
Fail
—
2.5
Fail
3.3
AA Large
1.7
Fail
1.1
Fail
2.5
Fail
—
1.3
Fail
1.2
Fail
1.2
Fail
3.3
AA Large
1.3
Fail
—
White BG
1.1Fail
1.5Fail
4.3AA Large
1.8Fail
1.3Fail
Black BG
19.8AAA
13.7AAA
4.9AA
12.0AAA
16.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F1F1EC
BDBEC9
6F6F78
B5B5C9
D6D7E3

Deuteranopia

EFEEEE
BAB6CA
6D6B79
B3B0CA
D5D2E4

Tritanopia

E7F1F2
A8CECF
647A7B
A6CACA
CBE5E5

Achromatopsia

F5F5F5
C9C9C9
767676
BFBFBF
DEDEDE

Shades & Tints Shades & Tints

#E6FFE6

Dark
Light

#A5DDC2

Dark
Light

#628076

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6ffe6;
  --color-2: #a5ddc2;
  --color-3: #628076;
  --color-4: #a4cbc9;
  --color-5: #c9e8e2;
}

SCSS

$color-1: #e6ffe6;
$color-2: #a5ddc2;
$color-3: #628076;
$color-4: #a4cbc9;
$color-5: #c9e8e2;

TAILWIND

colors: {
  'brand-1': '#e6ffe6',
  'brand-2': '#a5ddc2',
  'brand-3': '#628076',
  'brand-4': '#a4cbc9',
  'brand-5': '#c9e8e2',
}

RGB Array

[230, 255, 230], [165, 221, 194], [98, 128, 118], [164, 203, 201], [201, 232, 226]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E6FFE6, #A5DDC2, #628076, #A4CBC9, #C9E8E2 is ideal for: health products, baby brands, fresh-style blogs, 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: #e6ffe6; --color-2: #a5ddc2; --color-3: #628076; --color-4: #a4cbc9; --color-5: #c9e8e2. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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