← Back to Editor

#ECDF48 · #E6D62F · #241C27 · #27261C · #E9DC51

dark

A 5-color dark palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#ECDF48

Autumn Sage · SandyBrown · Sunflower

HEX
#ECDF48
RGB
rgb(236, 223, 72)
HSL
hsl(55, 81%, 60%)
HSB
hsb(55, 69%, 93%)
CMYK
cmyk(0%, 6%, 69%, 7%)
Oklch
oklch(88.8% 0.165 104.4)

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

#E6D62F

Autumn Sage · GoldenRod · Sunflower

HEX
#E6D62F
RGB
rgb(230, 214, 47)
HSL
hsl(55, 79%, 54%)
HSB
hsb(55, 80%, 90%)
CMYK
cmyk(0%, 7%, 80%, 10%)
Oklch
oklch(86.3% 0.171 103.5)

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

#241C27

Dark Plum · Black · Dark Purple

HEX
#241C27
RGB
rgb(36, 28, 39)
HSL
hsl(284, 16%, 13%)
HSB
hsb(284, 28%, 15%)
CMYK
cmyk(8%, 28%, 0%, 85%)
Oklch
oklch(24.1% 0.024 316.7)

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

#27261C

Autumn Sage · Black · Amber Gold

HEX
#27261C
RGB
rgb(39, 38, 28)
HSL
hsl(55, 16%, 13%)
HSB
hsb(55, 28%, 15%)
CMYK
cmyk(0%, 3%, 28%, 85%)
Oklch
oklch(26.6% 0.018 102.8)

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

#E9DC51

Fresh Green · SandyBrown · Sunflower

HEX
#E9DC51
RGB
rgb(233, 220, 81)
HSL
hsl(55, 78%, 62%)
HSB
hsb(55, 65%, 91%)
CMYK
cmyk(0%, 6%, 65%, 9%)
Oklch
oklch(88.0% 0.156 104.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ECDF48
4654EC

Analogous

EC8B46
ECDF48
A7EC46

Triadic

ECDF48
46ECDE
DE46EC

Split-Comp.

ECDF48
46A7EC
8B46EC

Tetradic

ECDF48
46EC8B
4654EC
EC46A7

Contrast Matrix WCAG 2.1 Contrast

ECDF48
E6D62F
241C27
27261C
E9DC51
—
1.1
Fail
12.0
AAA
11.0
AAA
1.0
Fail
1.1
Fail
—
11.0
AAA
10.2
AAA
1.1
Fail
12.0
AAA
11.0
AAA
—
1.1
Fail
11.7
AAA
11.0
AAA
10.2
AAA
1.1
Fail
—
10.7
AAA
1.0
Fail
1.1
Fail
11.7
AAA
10.7
AAA
—
White BG
1.4Fail
1.5Fail
16.5AAA
15.2AAA
1.4Fail
Black BG
15.2AAA
14.0AAA
1.3Fail
1.4Fail
14.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E6E66D
DFDF57
212024
27271E
E3E373

Deuteranopia

E7E875
E0E161
212224
27271F
E4E57B

Tritanopia

EB8990
E5777E
242222
272021
E88D93

Achromatopsia

D2D2D2
C8C8C8
202020
252525
D0D0D0

Shades & Tints Shades & Tints

#ECDF48

Dark
Light

#E6D62F

Dark
Light

#241C27

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ecdf48;
  --color-2: #e6d62f;
  --color-3: #241c27;
  --color-4: #27261c;
  --color-5: #e9dc51;
}

SCSS

$color-1: #ecdf48;
$color-2: #e6d62f;
$color-3: #241c27;
$color-4: #27261c;
$color-5: #e9dc51;

TAILWIND

colors: {
  'brand-1': '#ecdf48',
  'brand-2': '#e6d62f',
  'brand-3': '#241c27',
  'brand-4': '#27261c',
  'brand-5': '#e9dc51',
}

RGB Array

[236, 223, 72], [230, 214, 47], [36, 28, 39], [39, 38, 28], [233, 220, 81]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #ECDF48, #E6D62F, #241C27, #27261C, #E9DC51 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: #ecdf48; --color-2: #e6d62f; --color-3: #241c27; --color-4: #27261c; --color-5: #e9dc51. 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 dark-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