← Back to Editor

#EDF1D9 · #C3D3B2 · #6A9199 · #135A75 · #CEF312

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

#EDF1D9

Willow Green · Beige · Mint Green

HEX
#EDF1D9
RGB
rgb(237, 241, 217)
HSL
hsl(70, 46%, 90%)
HSB
hsb(70, 10%, 95%)
CMYK
cmyk(2%, 0%, 10%, 5%)
Oklch
oklch(94.9% 0.032 114.7)

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

#C3D3B2

Willow Green · Silver · Apple Green

HEX
#C3D3B2
RGB
rgb(195, 211, 178)
HSL
hsl(89, 27%, 76%)
HSB
hsb(89, 16%, 83%)
CMYK
cmyk(8%, 0%, 16%, 17%)
Oklch
oklch(84.6% 0.048 128.5)

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

#6A9199

Slate Blue · LightSlateGray · Lake Green

HEX
#6A9199
RGB
rgb(106, 145, 153)
HSL
hsl(190, 19%, 51%)
HSB
hsb(190, 31%, 60%)
CMYK
cmyk(31%, 5%, 0%, 40%)
Oklch
oklch(63.1% 0.045 211.7)

Traditional「Slate Blue」· Paint「Lake Green」· Creative Blush Sunrise

#135A75

Lake Blue · Teal · Mint Ice

HEX
#135A75
RGB
rgb(19, 90, 117)
HSL
hsl(197, 72%, 27%)
HSB
hsb(197, 84%, 46%)
CMYK
cmyk(84%, 23%, 0%, 54%)
Oklch
oklch(43.9% 0.079 229.1)

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

#CEF312

Grass Green · GreenYellow · Olive Green

HEX
#CEF312
RGB
rgb(206, 243, 18)
HSL
hsl(70, 90%, 51%)
HSB
hsb(70, 93%, 95%)
CMYK
cmyk(15%, 0%, 93%, 5%)
Oklch
oklch(90.6% 0.213 120.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDF1D9
DEDAF1

Analogous

F1E9DA
EDF1D9
E2F1DA

Triadic

EDF1D9
DAEDF1
F1DAED

Split-Comp.

EDF1D9
DAE2F1
E9DAF1

Tetradic

EDF1D9
DAF1E9
DEDAF1
F1DAE2

Contrast Matrix WCAG 2.1 Contrast

EDF1D9
C3D3B2
6A9199
135A75
CEF312
—
1.4
Fail
3.0
Fail
6.6
AA
1.1
Fail
1.4
Fail
—
2.2
Fail
4.8
AA
1.2
Fail
3.0
Fail
2.2
Fail
—
2.2
Fail
2.7
Fail
6.6
AA
4.8
AA
2.2
Fail
—
6.0
AA
1.1
Fail
1.2
Fail
2.7
Fail
6.0
AA
—
White BG
1.2Fail
1.6Fail
3.4AA Large
7.6AAA
1.3Fail
Black BG
18.2AAA
13.3AAA
6.1AA
2.7Fail
16.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEFDF
CACABA
7B7B97
32326E
DEDE48

Deuteranopia

EFEEE0
C9C8BC
797697
2E286D
DCD955

Tritanopia

EDE3E4
C4C0C2
6C9695
176968
D0737D

Achromatopsia

EDEDED
CACACA
868686
484848
CECECE

Shades & Tints Shades & Tints

#EDF1D9

Dark
Light

#C3D3B2

Dark
Light

#6A9199

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #edf1d9;
  --color-2: #c3d3b2;
  --color-3: #6a9199;
  --color-4: #135a75;
  --color-5: #cef312;
}

SCSS

$color-1: #edf1d9;
$color-2: #c3d3b2;
$color-3: #6a9199;
$color-4: #135a75;
$color-5: #cef312;

TAILWIND

colors: {
  'brand-1': '#edf1d9',
  'brand-2': '#c3d3b2',
  'brand-3': '#6a9199',
  'brand-4': '#135a75',
  'brand-5': '#cef312',
}

RGB Array

[237, 241, 217], [195, 211, 178], [106, 145, 153], [19, 90, 117], [206, 243, 18]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EDF1D9, #C3D3B2, #6A9199, #135A75, #CEF312 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: #edf1d9; --color-2: #c3d3b2; --color-3: #6a9199; --color-4: #135a75; --color-5: #cef312. 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