← Back to Editor

#DF9980 · #EFCAB0 · #E1E4DB · #282A29 · #4B5F5E

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#DF9980

Apricot · DarkSalmon · Warm Sun

HEX
#DF9980
RGB
rgb(223, 153, 128)
HSL
hsl(16, 60%, 69%)
HSB
hsb(16, 43%, 87%)
CMYK
cmyk(0%, 31%, 43%, 13%)
Oklch
oklch(74.6% 0.092 40.5)

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

#EFCAB0

Apricot · Wheat · Peach Orange

HEX
#EFCAB0
RGB
rgb(239, 202, 176)
HSL
hsl(25, 66%, 81%)
HSB
hsb(25, 26%, 94%)
CMYK
cmyk(0%, 15%, 26%, 6%)
Oklch
oklch(86.4% 0.055 57.0)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#E1E4DB

Willow Green · LightGray · Mint Green

HEX
#E1E4DB
RGB
rgb(225, 228, 219)
HSL
hsl(80, 14%, 88%)
HSB
hsb(80, 4%, 89%)
CMYK
cmyk(1%, 0%, 4%, 11%)
Oklch
oklch(91.4% 0.012 121.7)

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

#282A29

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#282A29
RGB
rgb(40, 42, 41)
HSL
hsl(150, 2%, 16%)
HSB
hsb(150, 5%, 16%)
CMYK
cmyk(5%, 0%, 2%, 84%)
Oklch
oklch(28.3% 0.003 164.8)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

#4B5F5E

Mineral Blue · DimGray · Mint Ice

HEX
#4B5F5E
RGB
rgb(75, 95, 94)
HSL
hsl(177, 12%, 33%)
HSB
hsb(177, 21%, 37%)
CMYK
cmyk(21%, 0%, 1%, 63%)
Oklch
oklch(46.9% 0.024 192.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DF9980
81C6DF

Analogous

DF8197
DF9980
DFC981

Triadic

DF9980
81DF9A
9A81DF

Split-Comp.

DF9980
81DFC9
8197DF

Tetradic

DF9980
97DF81
81C6DF
C981DF

Contrast Matrix WCAG 2.1 Contrast

DF9980
EFCAB0
E1E4DB
282A29
4B5F5E
—
1.5
Fail
1.8
Fail
6.2
AA
2.9
Fail
1.5
Fail
—
1.2
Fail
9.5
AAA
4.4
AA Large
1.8
Fail
1.2
Fail
—
11.2
AAA
5.3
AA
6.2
AA
9.5
AAA
11.2
AAA
—
2.1
Fail
2.9
Fail
4.4
AA Large
5.3
AA
2.1
Fail
—
White BG
2.3Fail
1.5Fail
1.3Fail
14.4AAA
6.8AA
Black BG
9.0AAA
13.7AAA
16.3AAA
1.5Fail
3.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

C1C086
DFDFB6
E2E2DD
292929
54545E

Deuteranopia

C5CA88
E1E4B8
E2E2DE
292929
53515E

Tritanopia

DC8B8C
EDBBBC
E1DFDF
282929
4C5E5E

Achromatopsia

ABABAB
D2D2D2
E2E2E2
292929
595959

Shades & Tints Shades & Tints

#DF9980

Dark
Light

#EFCAB0

Dark
Light

#E1E4DB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #df9980;
  --color-2: #efcab0;
  --color-3: #e1e4db;
  --color-4: #282a29;
  --color-5: #4b5f5e;
}

SCSS

$color-1: #df9980;
$color-2: #efcab0;
$color-3: #e1e4db;
$color-4: #282a29;
$color-5: #4b5f5e;

TAILWIND

colors: {
  'brand-1': '#df9980',
  'brand-2': '#efcab0',
  'brand-3': '#e1e4db',
  'brand-4': '#282a29',
  'brand-5': '#4b5f5e',
}

RGB Array

[223, 153, 128], [239, 202, 176], [225, 228, 219], [40, 42, 41], [75, 95, 94]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DF9980, #EFCAB0, #E1E4DB, #282A29, #4B5F5E 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: #df9980; --color-2: #efcab0; --color-3: #e1e4db; --color-4: #282a29; --color-5: #4b5f5e. 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