#E2DF5A + #9CCE79 + #2CA1CD + #2373A8 + #362859 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#E2DF5A

Fresh Green · Khaki · Sunflower

HEX

#E2DF5A

RGB

rgb(226, 223, 90)

HSL

hsl(59, 70%, 62%)

HSB

hsb(59, 60%, 89%)

CMYK

cmyk(0%, 1%, 60%, 11%)

Oklch

oklch(88.1% 0.153 107.9)

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

#9CCE79

Celadon · DarkSeaGreen · Apple Green

HEX

#9CCE79

RGB

rgb(156, 206, 121)

HSL

hsl(95, 46%, 64%)

HSB

hsb(95, 41%, 81%)

CMYK

cmyk(24%, 0%, 41%, 19%)

Oklch

oklch(79.6% 0.125 133.4)

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

#2CA1CD

Lake Blue · LightSeaGreen · Mint Ice

HEX

#2CA1CD

RGB

rgb(44, 161, 205)

HSL

hsl(196, 65%, 49%)

HSB

hsb(196, 79%, 80%)

CMYK

cmyk(79%, 21%, 0%, 20%)

Oklch

oklch(66.5% 0.118 228.6)

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

#2373A8

Lake Blue · SteelBlue · Prussian Blue

HEX

#2373A8

RGB

rgb(35, 115, 168)

HSL

hsl(204, 66%, 40%)

HSB

hsb(204, 79%, 66%)

CMYK

cmyk(79%, 32%, 0%, 34%)

Oklch

oklch(53.4% 0.112 242.7)

Traditional「Lake Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

#362859

Deep Indigo · MidnightBlue · Prussian Blue

HEX

#362859

RGB

rgb(54, 40, 89)

HSL

hsl(257, 38%, 25%)

HSB

hsb(257, 55%, 35%)

CMYK

cmyk(39%, 55%, 0%, 65%)

Oklch

oklch(31.9% 0.085 294.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E2DF5A

5A5DE2

Analogous

E29C5A

E2DF5A

A0E25A

Triadic

E2DF5A

5AE2E0

E05AE2

Split-Comp.

E2DF5A

5AA0E2

9C5AE2

Tetradic

E2DF5A

5AE29C

5A5DE2

E25AA0

Contrast Matrix WCAG 2.1 Contrast

E2DF5A	9CCE79	2CA1CD	2373A8	362859
—	1.3 Fail	2.1 Fail	3.7 AA Large	9.3 AAA
1.3 Fail	—	1.6 Fail	2.8 Fail	7.2 AAA
2.1 Fail	1.6 Fail	—	1.7 Fail	4.4 AA Large
3.7 AA Large	2.8 Fail	1.7 Fail	—	2.5 Fail
9.3 AAA	7.2 AAA	4.4 AA Large	2.5 Fail	—

White BG

1.4Fail

1.8Fail

3.0Fail

5.1AA

13.1AAA

Black BG

14.9AAA

11.5AAA

7.1AAA

4.1AA Large

1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E1E17A

B2B28E

5F60C2

46469B

30304D

Deuteranopia

E1E182

AFAB93

584FC0

413B98

31324A

Tritanopia

E29499

9F9EA1

32BAB8

27918F

354442

Achromatopsia

D1D1D1

B5B5B5

838383

616161

323232

Shades & Tints Shades & Tints

#E2DF5A

Dark

Light

#9CCE79

Dark

Light

#2CA1CD

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e2df5a;
  --color-2: #9cce79;
  --color-3: #2ca1cd;
  --color-4: #2373a8;
  --color-5: #362859;
}

SCSS

$color-1: #e2df5a;
$color-2: #9cce79;
$color-3: #2ca1cd;
$color-4: #2373a8;
$color-5: #362859;

TAILWIND

colors: {
  'brand-1': '#e2df5a',
  'brand-2': '#9cce79',
  'brand-3': '#2ca1cd',
  'brand-4': '#2373a8',
  'brand-5': '#362859',
}

RGB Array

[226, 223, 90], [156, 206, 121], [44, 161, 205], [35, 115, 168], [54, 40, 89]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E2DF5A, #9CCE79, #2CA1CD, #2373A8, #362859 is ideal for: corporate websites, product showcases, portfolios. 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: #e2df5a; --color-2: #9cce79; --color-3: #2ca1cd; --color-4: #2373a8; --color-5: #362859. 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. 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