#EAC900 + #201824 + #3B4646 + #4D7769 + #E3D522 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#EAC900

Autumn Sage · Gold · Honey Gold

HEX

#EAC900

RGB

rgb(234, 201, 0)

HSL

hsl(52, 100%, 46%)

HSB

hsb(52, 100%, 92%)

CMYK

cmyk(0%, 14%, 100%, 8%)

Oklch

oklch(83.9% 0.173 97.1)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#201824

Dark Plum · Black · Dark Purple

HEX

#201824

RGB

rgb(32, 24, 36)

HSL

hsl(280, 20%, 12%)

HSB

hsb(280, 33%, 14%)

CMYK

cmyk(11%, 33%, 0%, 86%)

Oklch

oklch(22.4% 0.026 314.3)

Traditional「Dark Plum」· Paint「Dark Purple」· Creative Blush Sunrise

#3B4646

Slate Blue · DarkSlateGray · Dark Stone

HEX

#3B4646

RGB

rgb(59, 70, 70)

HSL

hsl(180, 9%, 25%)

HSB

hsb(180, 16%, 27%)

CMYK

cmyk(16%, 0%, 0%, 73%)

Oklch

oklch(38.4% 0.014 196.6)

Traditional「Slate Blue」· Paint「Dark Stone」· Creative Midnight Shadow

#4D7769

Mineral Blue · DimGray · Mint Ice

HEX

#4D7769

RGB

rgb(77, 119, 105)

HSL

hsl(160, 21%, 38%)

HSB

hsb(160, 35%, 47%)

CMYK

cmyk(35%, 0%, 12%, 53%)

Oklch

oklch(53.4% 0.052 171.3)

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

#E3D522

Autumn Sage · Gold · Sunflower

HEX

#E3D522

RGB

rgb(227, 213, 34)

HSL

hsl(56, 78%, 51%)

HSB

hsb(56, 85%, 89%)

CMYK

cmyk(0%, 6%, 85%, 11%)

Oklch

oklch(85.8% 0.175 104.5)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EAC900

001FEB

Analogous

EB5600

EAC900

95EB00

Triadic

EAC900

00EBCB

CB00EB

Split-Comp.

EAC900

0095EB

5600EB

Tetradic

EAC900

00EB56

001FEB

EB0095

Contrast Matrix WCAG 2.1 Contrast

EAC900	201824	3B4646	4D7769	E3D522
—	10.6 AAA	6.0 AA	3.1 AA Large	1.1 Fail
10.6 AAA	—	1.8 Fail	3.4 AA Large	11.3 AAA
6.0 AA	1.8 Fail	—	1.9 Fail	6.4 AA
3.1 AA Large	3.4 AA Large	1.9 Fail	—	3.3 AA Large
1.1 Fail	11.3 AAA	6.4 AA	3.3 AA Large	—

White BG

1.6Fail

17.2AAA

9.8AAA

5.1AA

1.5Fail

Black BG

12.9AAA

1.2Fail

2.2Fail

4.2AA Large

13.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DCDB31

1D1C21

404046

5F606C

DDDD4D

Deuteranopia

DEE03C

1D1E20

3F3E46

5D5A6D

DEDF58

Tritanopia

E8575F

201F1E

3C4646

4F6F70

E27077

Achromatopsia

BCBCBC

1C1C1C

434343

696969

C5C5C5

Shades & Tints Shades & Tints

#EAC900

Dark

Light

#201824

Dark

Light

#3B4646

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eac900;
  --color-2: #201824;
  --color-3: #3b4646;
  --color-4: #4d7769;
  --color-5: #e3d522;
}

SCSS

$color-1: #eac900;
$color-2: #201824;
$color-3: #3b4646;
$color-4: #4d7769;
$color-5: #e3d522;

TAILWIND

colors: {
  'brand-1': '#eac900',
  'brand-2': '#201824',
  'brand-3': '#3b4646',
  'brand-4': '#4d7769',
  'brand-5': '#e3d522',
}

RGB Array

[234, 201, 0], [32, 24, 36], [59, 70, 70], [77, 119, 105], [227, 213, 34]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EAC900, #201824, #3B4646, #4D7769, #E3D522 is ideal for: tech websites, dark mode UIs, game UIs. 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: #eac900; --color-2: #201824; --color-3: #3b4646; --color-4: #4d7769; --color-5: #e3d522. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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