← Back to Editor

#F9F6CB · #5D4D68 · #332640 · #191129 · #0E0E28

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

#F9F6CB

Fresh Green · Beige · Lemon Cream

HEX
#F9F6CB
RGB
rgb(249, 246, 203)
HSL
hsl(56, 79%, 89%)
HSB
hsb(56, 18%, 98%)
CMYK
cmyk(0%, 1%, 18%, 2%)
Oklch
oklch(96.5% 0.056 104.1)

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

#5D4D68

Dark Plum · DimGray · Eggplant

HEX
#5D4D68
RGB
rgb(93, 77, 104)
HSL
hsl(276, 15%, 35%)
HSB
hsb(276, 26%, 41%)
CMYK
cmyk(11%, 26%, 0%, 59%)
Oklch
oklch(44.7% 0.048 311.3)

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

#332640

Dark Plum · DarkSlateGray · Dark Purple

HEX
#332640
RGB
rgb(51, 38, 64)
HSL
hsl(270, 25%, 20%)
HSB
hsb(270, 41%, 25%)
CMYK
cmyk(20%, 41%, 0%, 75%)
Oklch
oklch(29.6% 0.049 306.6)

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

#191129

Deep Indigo · Black · Dark Purple

HEX
#191129
RGB
rgb(25, 17, 41)
HSL
hsl(260, 41%, 11%)
HSB
hsb(260, 59%, 16%)
CMYK
cmyk(39%, 59%, 0%, 84%)
Oklch
oklch(20.2% 0.047 297.4)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

#0E0E28

Deep Indigo · Black · Deep Sea Blue

HEX
#0E0E28
RGB
rgb(14, 14, 40)
HSL
hsl(240, 48%, 11%)
HSB
hsb(240, 65%, 16%)
CMYK
cmyk(65%, 65%, 0%, 84%)
Oklch
oklch(18.1% 0.052 279.9)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F9F6CB
CDD0F9

Analogous

F9E0CD
F9F6CB
E6F9CD

Triadic

F9F6CB
CDF9F6
F6CDF9

Split-Comp.

F9F6CB
CDE6F9
E0CDF9

Tetradic

F9F6CB
CDF9E0
CDD0F9
F9CDE6

Contrast Matrix WCAG 2.1 Contrast

F9F6CB
5D4D68
332640
191129
0E0E28
—
7.0
AA
12.8
AAA
16.5
AAA
17.1
AAA
7.0
AA
—
1.8
Fail
2.4
Fail
2.5
Fail
12.8
AAA
1.8
Fail
—
1.3
Fail
1.3
Fail
16.5
AAA
2.4
Fail
1.3
Fail
—
1.0
Fail
17.1
AAA
2.5
Fail
1.3
Fail
1.0
Fail
—
White BG
1.1Fail
7.7AAA
14.1AAA
18.2AAA
18.9AAA
Black BG
19.1AAA
2.7Fail
1.5Fail
1.2Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F8F8D5
565661
2D2D3A
161523
0E0E22

Deuteranopia

F8F8D8
575860
2E2F38
161722
0E0E20

Tritanopia

F9DEDF
5C5C5B
323534
191F1E
0E1D1C

Achromatopsia

F2F2F2
555555
2D2D2D
161616
111111

Shades & Tints Shades & Tints

#F9F6CB

Dark
Light

#5D4D68

Dark
Light

#332640

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f9f6cb;
  --color-2: #5d4d68;
  --color-3: #332640;
  --color-4: #191129;
  --color-5: #0e0e28;
}

SCSS

$color-1: #f9f6cb;
$color-2: #5d4d68;
$color-3: #332640;
$color-4: #191129;
$color-5: #0e0e28;

TAILWIND

colors: {
  'brand-1': '#f9f6cb',
  'brand-2': '#5d4d68',
  'brand-3': '#332640',
  'brand-4': '#191129',
  'brand-5': '#0e0e28',
}

RGB Array

[249, 246, 203], [93, 77, 104], [51, 38, 64], [25, 17, 41], [14, 14, 40]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F9F6CB, #5D4D68, #332640, #191129, #0E0E28 is ideal for: tech websites, dark mode UIs, game UIs, 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: #f9f6cb; --color-2: #5d4d68; --color-3: #332640; --color-4: #191129; --color-5: #0e0e28. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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