← Back to Editor

#241F26 · #B680D1 · #E6D9C1 · #FCF5B6 · #FCE726

A 5-color palette 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

#241F26

Dark Plum · Black · Dark Purple

HEX
#241F26
RGB
rgb(36, 31, 38)
HSL
hsl(283, 10%, 14%)
HSB
hsb(283, 18%, 15%)
CMYK
cmyk(5%, 18%, 0%, 85%)
Oklch
oklch(24.8% 0.015 316.3)

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

#B680D1

Lilac · Orchid · Lilac Purple

HEX
#B680D1
RGB
rgb(182, 128, 209)
HSL
hsl(280, 47%, 66%)
HSB
hsb(280, 39%, 82%)
CMYK
cmyk(13%, 39%, 0%, 18%)
Oklch
oklch(68.4% 0.129 313.9)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#E6D9C1

Goose Yellow · Wheat · Peach Orange

HEX
#E6D9C1
RGB
rgb(230, 217, 193)
HSL
hsl(39, 43%, 83%)
HSB
hsb(39, 16%, 90%)
CMYK
cmyk(0%, 6%, 16%, 10%)
Oklch
oklch(88.9% 0.035 82.9)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#FCF5B6

Fresh Green · Bisque · Lemon Cream

HEX
#FCF5B6
RGB
rgb(252, 245, 182)
HSL
hsl(54, 92%, 85%)
HSB
hsb(54, 28%, 99%)
CMYK
cmyk(0%, 3%, 28%, 1%)
Oklch
oklch(96.1% 0.080 102.5)

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

#FCE726

Autumn Sage · Gold · Sunflower

HEX
#FCE726
RGB
rgb(252, 231, 38)
HSL
hsl(54, 97%, 57%)
HSB
hsb(54, 85%, 99%)
CMYK
cmyk(0%, 8%, 85%, 1%)
Oklch
oklch(91.7% 0.186 102.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

241F26
222720

Analogous

222027
241F26
272026

Triadic

241F26
272520
202725

Split-Comp.

241F26
262720
202722

Tetradic

241F26
272220
222720
202627

Contrast Matrix WCAG 2.1 Contrast

241F26
B680D1
E6D9C1
FCF5B6
FCE726
—
5.4
AA
11.6
AAA
14.5
AAA
12.8
AAA
5.4
AA
—
2.2
Fail
2.7
Fail
2.4
Fail
11.6
AAA
2.2
Fail
—
1.3
Fail
1.1
Fail
14.5
AAA
2.7
Fail
1.3
Fail
—
1.1
Fail
12.8
AAA
2.4
Fail
1.1
Fail
1.1
Fail
—
White BG
16.2AAA
3.0AA Large
1.4Fail
1.1Fail
1.3Fail
Black BG
1.3Fail
7.0AA
15.1AAA
18.9AAA
16.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

222224
9F9EBD
E0E0C7
F9F9C5
F3F355

Deuteranopia

222324
A2A6B9
E1E2C8
F9FAC9
F4F660

Tritanopia

242323
B3AEAB
E5CBCC
FCD1D4
FB7A82

Achromatopsia

212121
999999
DADADA
F0F0F0
D7D7D7

Shades & Tints Shades & Tints

#241F26

Dark
Light

#B680D1

Dark
Light

#E6D9C1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #241f26;
  --color-2: #b680d1;
  --color-3: #e6d9c1;
  --color-4: #fcf5b6;
  --color-5: #fce726;
}

SCSS

$color-1: #241f26;
$color-2: #b680d1;
$color-3: #e6d9c1;
$color-4: #fcf5b6;
$color-5: #fce726;

TAILWIND

colors: {
  'brand-1': '#241f26',
  'brand-2': '#b680d1',
  'brand-3': '#e6d9c1',
  'brand-4': '#fcf5b6',
  'brand-5': '#fce726',
}

RGB Array

[36, 31, 38], [182, 128, 209], [230, 217, 193], [252, 245, 182], [252, 231, 38]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #241F26, #B680D1, #E6D9C1, #FCF5B6, #FCE726 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: #241f26; --color-2: #b680d1; --color-3: #e6d9c1; --color-4: #fcf5b6; --color-5: #fce726. 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