← Back to Editor

#282715 · #FFFFFF · #FAB3DB · #E338A0 · #5F415D

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

#282715

Autumn Sage · Black · Amber Gold

HEX
#282715
RGB
rgb(40, 39, 21)
HSL
hsl(57, 31%, 12%)
HSB
hsb(57, 48%, 16%)
CMYK
cmyk(0%, 2%, 47%, 84%)
Oklch
oklch(26.8% 0.031 105.5)

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

#FFFFFF

Moonlight White · White · Cloud White

HEX
#FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
HSB
hsb(0, 0%, 100%)
CMYK
cmyk(0%, 0%, 0%, 0%)
Oklch
oklch(100.0% 0.000 89.9)

Traditional「Moonlight White」· Paint「Cloud White」· Creative Morning Mist

#FAB3DB

Mauve · Pink · Cherry Blossom

HEX
#FAB3DB
RGB
rgb(250, 179, 219)
HSL
hsl(326, 88%, 84%)
HSB
hsb(326, 28%, 98%)
CMYK
cmyk(0%, 28%, 12%, 2%)
Oklch
oklch(84.5% 0.096 344.5)

Traditional「Mauve」· Paint「Cherry Blossom」· Creative Rose Petal

#E338A0

Rose Purple · DeepPink · Rose Pink

HEX
#E338A0
RGB
rgb(227, 56, 160)
HSL
hsl(324, 75%, 55%)
HSB
hsb(324, 75%, 89%)
CMYK
cmyk(0%, 75%, 30%, 11%)
Oklch
oklch(63.1% 0.226 348.4)

Traditional「Rose Purple」· Paint「Rose Pink」· Creative Blush Sunrise

#5F415D

Rose Purple · DimGray · Eggplant

HEX
#5F415D
RGB
rgb(95, 65, 93)
HSL
hsl(304, 19%, 31%)
HSB
hsb(304, 32%, 37%)
CMYK
cmyk(0%, 32%, 2%, 63%)
Oklch
oklch(41.9% 0.060 328.9)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

282715
151628

Analogous

281E15
282715
202815

Triadic

282715
152827
271528

Split-Comp.

282715
152028
1E1528

Tetradic

282715
15281E
151628
281520

Contrast Matrix WCAG 2.1 Contrast

282715
FFFFFF
FAB3DB
E338A0
5F415D
—
15.1
AAA
9.0
AAA
3.8
AA Large
1.7
Fail
15.1
AAA
—
1.7
Fail
3.9
AA Large
8.7
AAA
9.0
AAA
1.7
Fail
—
2.3
Fail
5.2
AA
3.8
AA Large
3.9
AA Large
2.3
Fail
—
2.2
Fail
1.7
Fail
8.7
AAA
5.2
AA
2.2
Fail
—
White BG
15.1AAA
1.0Fail
1.7Fail
3.9AA Large
8.7AAA
Black BG
1.4Fail
21.0AAA
12.5AAA
5.3AA
2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

282819
FFFFFF
DBDBD1
999787
525256

Deuteranopia

28281A
FFFFFF
DFE5CF
A3B081
545655

Tritanopia

281D1E
FFFFFF
F6CAC8
DA736F
5E5150

Achromatopsia

252525
FFFFFF
CDCDCD
777777
4D4D4D

Shades & Tints Shades & Tints

#282715

Dark
Light

#FFFFFF

Dark
Light

#FAB3DB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #282715;
  --color-2: #ffffff;
  --color-3: #fab3db;
  --color-4: #e338a0;
  --color-5: #5f415d;
}

SCSS

$color-1: #282715;
$color-2: #ffffff;
$color-3: #fab3db;
$color-4: #e338a0;
$color-5: #5f415d;

TAILWIND

colors: {
  'brand-1': '#282715',
  'brand-2': '#ffffff',
  'brand-3': '#fab3db',
  'brand-4': '#e338a0',
  'brand-5': '#5f415d',
}

RGB Array

[40, 39, 21], [255, 255, 255], [250, 179, 219], [227, 56, 160], [95, 65, 93]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #282715, #FFFFFF, #FAB3DB, #E338A0, #5F415D 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: #282715; --color-2: #ffffff; --color-3: #fab3db; --color-4: #e338a0; --color-5: #5f415d. 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