#CCE976 + #E9BC76 + #EB656E + #94466A + #493D73 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#CCE976

Willow Green · Khaki · Apple Green

HEX

#CCE976

RGB

rgb(204, 233, 118)

HSL

hsl(75, 72%, 69%)

HSB

hsb(75, 49%, 91%)

CMYK

cmyk(12%, 0%, 49%, 9%)

Oklch

oklch(88.9% 0.145 121.1)

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

#E9BC76

Ginger · BurlyWood · Warm Sun

HEX

#E9BC76

RGB

rgb(233, 188, 118)

HSL

hsl(37, 72%, 69%)

HSB

hsb(37, 49%, 91%)

CMYK

cmyk(0%, 19%, 49%, 9%)

Oklch

oklch(82.0% 0.102 77.6)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#EB656E

Peach Pink · Salmon · Coral Red

HEX

#EB656E

RGB

rgb(235, 101, 110)

HSL

hsl(356, 77%, 66%)

HSB

hsb(356, 57%, 92%)

CMYK

cmyk(0%, 57%, 53%, 8%)

Oklch

oklch(67.5% 0.166 18.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#94466A

Dark Violet · DimGray · Camellia

HEX

#94466A

RGB

rgb(148, 70, 106)

HSL

hsl(332, 36%, 43%)

HSB

hsb(332, 53%, 58%)

CMYK

cmyk(0%, 53%, 28%, 42%)

Oklch

oklch(50.4% 0.113 352.9)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#493D73

Deep Indigo · DarkSlateBlue · Prussian Blue

HEX

#493D73

RGB

rgb(73, 61, 115)

HSL

hsl(253, 31%, 35%)

HSB

hsb(253, 47%, 45%)

CMYK

cmyk(37%, 47%, 0%, 55%)

Oklch

oklch(39.9% 0.089 292.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CCE976

9377E9

Analogous

E9CC77

CCE976

93E977

Triadic

CCE976

77CCE9

E977CC

Split-Comp.

CCE976

7793E9

CC77E9

Tetradic

CCE976

77E9CC

9377E9

E97793

Contrast Matrix WCAG 2.1 Contrast

CCE976	E9BC76	EB656E	94466A	493D73
—	1.3 Fail	2.3 Fail	4.6 AA	7.0 AAA
1.3 Fail	—	1.8 Fail	3.6 AA Large	5.4 AA
2.3 Fail	1.8 Fail	—	2.0 Fail	3.0 AA Large
4.6 AA	3.6 AA Large	2.0 Fail	—	1.5 Fail
7.0 AAA	5.4 AA	3.0 AA Large	1.5 Fail	—

White BG

1.4Fail

1.8Fail

3.2AA Large

6.3AA

9.6AAA

Black BG

15.5AAA

11.9AAA

6.6AA

3.3AA Large

2.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D9D992

D6D587

B1B06C

727261

444466

Deuteranopia

D7D599

D8DC8B

B9C36B

777D5F

454563

Tritanopia

CDA8AD

E79497

E46A6A

905A59

485C59

Achromatopsia

D3D3D3

C1C1C1

8E8E8E

616161

474747

Shades & Tints Shades & Tints

#CCE976

Dark

Light

#E9BC76

Dark

Light

#EB656E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cce976;
  --color-2: #e9bc76;
  --color-3: #eb656e;
  --color-4: #94466a;
  --color-5: #493d73;
}

SCSS

$color-1: #cce976;
$color-2: #e9bc76;
$color-3: #eb656e;
$color-4: #94466a;
$color-5: #493d73;

TAILWIND

colors: {
  'brand-1': '#cce976',
  'brand-2': '#e9bc76',
  'brand-3': '#eb656e',
  'brand-4': '#94466a',
  'brand-5': '#493d73',
}

RGB Array

[204, 233, 118], [233, 188, 118], [235, 101, 110], [148, 70, 106], [73, 61, 115]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CCE976, #E9BC76, #EB656E, #94466A, #493D73 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: #cce976; --color-2: #e9bc76; --color-3: #eb656e; --color-4: #94466a; --color-5: #493d73. 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