← Back to Editor

#E8F37A · #A7E695 · #35C4A5 · #346B7D · #1C2A3B

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

#E8F37A

Fresh Green · Khaki · Sunflower

HEX
#E8F37A
RGB
rgb(232, 243, 122)
HSL
hsl(65, 83%, 72%)
HSB
hsb(65, 50%, 95%)
CMYK
cmyk(5%, 0%, 50%, 5%)
Oklch
oklch(93.1% 0.146 113.5)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#A7E695

Emerald · LightGreen · Apple Green

HEX
#A7E695
RGB
rgb(167, 230, 149)
HSL
hsl(107, 62%, 74%)
HSB
hsb(107, 35%, 90%)
CMYK
cmyk(27%, 0%, 35%, 10%)
Oklch
oklch(86.3% 0.126 138.9)

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

#35C4A5

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#35C4A5
RGB
rgb(53, 196, 165)
HSL
hsl(167, 57%, 49%)
HSB
hsb(167, 73%, 77%)
CMYK
cmyk(73%, 0%, 16%, 23%)
Oklch
oklch(73.9% 0.127 174.5)

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

#346B7D

Slate Blue · SeaGreen · Mint Ice

HEX
#346B7D
RGB
rgb(52, 107, 125)
HSL
hsl(195, 41%, 35%)
HSB
hsb(195, 58%, 49%)
CMYK
cmyk(58%, 14%, 0%, 51%)
Oklch
oklch(49.8% 0.065 221.9)

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

#1C2A3B

Indigo · DarkSlateGray · Deep Sea Blue

HEX
#1C2A3B
RGB
rgb(28, 42, 59)
HSL
hsl(213, 36%, 17%)
HSB
hsb(213, 53%, 23%)
CMYK
cmyk(53%, 29%, 0%, 77%)
Oklch
oklch(28.1% 0.037 253.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E8F37A
867CF3

Analogous

F3C17C
E8F37A
AEF37C

Triadic

E8F37A
7CE9F3
F37CE9

Split-Comp.

E8F37A
7CAEF3
C17CF3

Tetradic

E8F37A
7CF3C1
867CF3
F37CAE

Contrast Matrix WCAG 2.1 Contrast

E8F37A
A7E695
35C4A5
346B7D
1C2A3B
—
1.2
Fail
1.8
Fail
4.9
AA
12.1
AAA
1.2
Fail
—
1.5
Fail
4.1
AA Large
10.0
AAA
1.8
Fail
1.5
Fail
—
2.7
Fail
6.6
AA
4.9
AA
4.1
AA Large
2.7
Fail
—
2.5
Fail
12.1
AAA
10.0
AAA
6.6
AA
2.5
Fail
—
White BG
1.2Fail
1.5Fail
2.2Fail
5.9AA
14.5AAA
Black BG
17.5AAA
14.4AAA
9.6AAA
3.5AA Large
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EDED97
C2C3A9
7374AD
4C4C79
222237

Deuteranopia

ECEB9E
BFBAAD
6B60AE
494578
212036

Tritanopia

E9AEB3
AAB8BB
3CB2B4
377574
1D3433

Achromatopsia

E2E2E2
CACACA
969696
5D5D5D
282828

Shades & Tints Shades & Tints

#E8F37A

Dark
Light

#A7E695

Dark
Light

#35C4A5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e8f37a;
  --color-2: #a7e695;
  --color-3: #35c4a5;
  --color-4: #346b7d;
  --color-5: #1c2a3b;
}

SCSS

$color-1: #e8f37a;
$color-2: #a7e695;
$color-3: #35c4a5;
$color-4: #346b7d;
$color-5: #1c2a3b;

TAILWIND

colors: {
  'brand-1': '#e8f37a',
  'brand-2': '#a7e695',
  'brand-3': '#35c4a5',
  'brand-4': '#346b7d',
  'brand-5': '#1c2a3b',
}

RGB Array

[232, 243, 122], [167, 230, 149], [53, 196, 165], [52, 107, 125], [28, 42, 59]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E8F37A, #A7E695, #35C4A5, #346B7D, #1C2A3B 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: #e8f37a; --color-2: #a7e695; --color-3: #35c4a5; --color-4: #346b7d; --color-5: #1c2a3b. 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