← Back to Editor

#AB9468 · #F9F8F3 · #CDA218 · #C6042D · #4E0240

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#AB9468

Ginger · Gray · Warm Sun

HEX
#AB9468
RGB
rgb(171, 148, 104)
HSL
hsl(39, 29%, 54%)
HSB
hsb(39, 39%, 67%)
CMYK
cmyk(0%, 13%, 39%, 33%)
Oklch
oklch(67.6% 0.066 83.2)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#F9F8F3

Fresh Green · SeaShell · Lemon Cream

HEX
#F9F8F3
RGB
rgb(249, 248, 243)
HSL
hsl(50, 33%, 96%)
HSB
hsb(50, 2%, 98%)
CMYK
cmyk(0%, 0%, 2%, 2%)
Oklch
oklch(97.9% 0.007 97.4)

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

#CDA218

Ochre · GoldenRod · Honey Gold

HEX
#CDA218
RGB
rgb(205, 162, 24)
HSL
hsl(46, 79%, 45%)
HSB
hsb(46, 88%, 80%)
CMYK
cmyk(0%, 21%, 88%, 20%)
Oklch
oklch(73.2% 0.145 88.7)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#C6042D

Vermilion · Crimson · Wine Red

HEX
#C6042D
RGB
rgb(198, 4, 45)
HSL
hsl(347, 96%, 40%)
HSB
hsb(347, 98%, 78%)
CMYK
cmyk(0%, 98%, 77%, 22%)
Oklch
oklch(52.3% 0.209 21.8)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

#4E0240

Rose Purple · MidnightBlue · Dark Purple

HEX
#4E0240
RGB
rgb(78, 2, 64)
HSL
hsl(311, 95%, 16%)
HSB
hsb(311, 97%, 31%)
CMYK
cmyk(0%, 97%, 18%, 69%)
Oklch
oklch(29.0% 0.124 337.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AB9468
687FAC

Analogous

AC7268
AB9468
A2AC68

Triadic

AB9468
68AC94
9468AC

Split-Comp.

AB9468
68A2AC
7268AC

Tetradic

AB9468
68AC72
687FAC
AC68A2

Contrast Matrix WCAG 2.1 Contrast

AB9468
F9F8F3
CDA218
C6042D
4E0240
—
2.8
Fail
1.2
Fail
2.1
Fail
5.1
AA
2.8
Fail
—
2.3
Fail
5.7
AA
14.0
AAA
1.2
Fail
2.3
Fail
—
2.5
Fail
6.2
AA
2.1
Fail
5.7
AA
2.5
Fail
—
2.5
Fail
5.1
AA
14.0
AAA
6.2
AA
2.5
Fail
—
White BG
2.9Fail
1.1Fail
2.4Fail
6.1AA
14.9AAA
Black BG
7.2AAA
19.7AAA
8.8AAA
3.5AA Large
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A1A173
F9F9F4
BABA39
727023
2D2C31

Deuteranopia

A2A475
F9F9F5
BDC041
7D8C21
32372D

Tritanopia

AA7B7D
F9F5F5
CB545A
BC1B1A
4A2523

Achromatopsia

969696
F8F8F8
9F9F9F
434343
202020

Shades & Tints Shades & Tints

#AB9468

Dark
Light

#F9F8F3

Dark
Light

#CDA218

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ab9468;
  --color-2: #f9f8f3;
  --color-3: #cda218;
  --color-4: #c6042d;
  --color-5: #4e0240;
}

SCSS

$color-1: #ab9468;
$color-2: #f9f8f3;
$color-3: #cda218;
$color-4: #c6042d;
$color-5: #4e0240;

TAILWIND

colors: {
  'brand-1': '#ab9468',
  'brand-2': '#f9f8f3',
  'brand-3': '#cda218',
  'brand-4': '#c6042d',
  'brand-5': '#4e0240',
}

RGB Array

[171, 148, 104], [249, 248, 243], [205, 162, 24], [198, 4, 45], [78, 2, 64]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AB9468, #F9F8F3, #CDA218, #C6042D, #4E0240 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #ab9468; --color-2: #f9f8f3; --color-3: #cda218; --color-4: #c6042d; --color-5: #4e0240. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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