← Back to Editor

#F9F9EB · #D8E0AA · #510505 · #804040 · #95525A

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

#F9F9EB

Fresh Green · SeaShell · Lemon Cream

HEX
#F9F9EB
RGB
rgb(249, 249, 235)
HSL
hsl(60, 54%, 95%)
HSB
hsb(60, 6%, 98%)
CMYK
cmyk(0%, 0%, 6%, 2%)
Oklch
oklch(97.8% 0.018 106.7)

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

#D8E0AA

Fresh Green · Wheat · Lemon Cream

HEX
#D8E0AA
RGB
rgb(216, 224, 170)
HSL
hsl(69, 47%, 77%)
HSB
hsb(69, 24%, 88%)
CMYK
cmyk(4%, 0%, 24%, 12%)
Oklch
oklch(88.7% 0.071 114.7)

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

#510505

Vermilion · Maroon · Deep Berry

HEX
#510505
RGB
rgb(81, 5, 5)
HSL
hsl(0, 88%, 17%)
HSB
hsb(0, 94%, 32%)
CMYK
cmyk(0%, 94%, 94%, 68%)
Oklch
oklch(27.8% 0.107 27.9)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#804040

Crimson · Sienna · Wine Red

HEX
#804040
RGB
rgb(128, 64, 64)
HSL
hsl(0, 33%, 38%)
HSB
hsb(0, 50%, 50%)
CMYK
cmyk(0%, 50%, 50%, 50%)
Oklch
oklch(45.2% 0.089 21.2)

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

#95525A

Crimson · Sienna · Passion Red

HEX
#95525A
RGB
rgb(149, 82, 90)
HSL
hsl(353, 29%, 45%)
HSB
hsb(353, 45%, 58%)
CMYK
cmyk(0%, 45%, 40%, 42%)
Oklch
oklch(52.0% 0.090 13.0)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F9F9EB
EBEBF9

Analogous

F9F2EB
F9F9EB
F2F9EB

Triadic

F9F9EB
EBF9F9
F9EBF9

Split-Comp.

F9F9EB
EBF2F9
F2EBF9

Tetradic

F9F9EB
EBF9F2
EBEBF9
F9EBF2

Contrast Matrix WCAG 2.1 Contrast

F9F9EB
D8E0AA
510505
804040
95525A
—
1.3
Fail
14.4
AAA
7.3
AAA
5.4
AA
1.3
Fail
—
11.0
AAA
5.6
AA
4.2
AA Large
14.4
AAA
11.0
AAA
—
2.0
Fail
2.6
Fail
7.3
AAA
5.6
AA
2.0
Fail
—
1.3
Fail
5.4
AA
4.2
AA Large
2.6
Fail
1.3
Fail
—
White BG
1.1Fail
1.4Fail
15.3AAA
7.7AAA
5.8AA
Black BG
19.8AAA
15.2AAA
1.4Fail
2.7Fail
3.6AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

F9F9EE
DBDCB7
302F05
646440
787758

Deuteranopia

F9F9EF
DBDABA
353A05
686D40
7C8158

Tritanopia

F9F1F2
D8C1C4
4D0505
7D4040
925756

Achromatopsia

F7F7F7
D7D7D7
1C1C1C
535353
676767

Shades & Tints Shades & Tints

#F9F9EB

Dark
Light

#D8E0AA

Dark
Light

#510505

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f9f9eb;
  --color-2: #d8e0aa;
  --color-3: #510505;
  --color-4: #804040;
  --color-5: #95525a;
}

SCSS

$color-1: #f9f9eb;
$color-2: #d8e0aa;
$color-3: #510505;
$color-4: #804040;
$color-5: #95525a;

TAILWIND

colors: {
  'brand-1': '#f9f9eb',
  'brand-2': '#d8e0aa',
  'brand-3': '#510505',
  'brand-4': '#804040',
  'brand-5': '#95525a',
}

RGB Array

[249, 249, 235], [216, 224, 170], [81, 5, 5], [128, 64, 64], [149, 82, 90]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F9F9EB, #D8E0AA, #510505, #804040, #95525A 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: #f9f9eb; --color-2: #d8e0aa; --color-3: #510505; --color-4: #804040; --color-5: #95525a. 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