← Back to Editor

#FFF1B3 · #9491AC · #66629D · #38406F · #3E2B1C

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

#FFF1B3

Goose Yellow · Bisque · Lemon Cream

HEX
#FFF1B3
RGB
rgb(255, 241, 179)
HSL
hsl(49, 100%, 85%)
HSB
hsb(49, 30%, 100%)
CMYK
cmyk(0%, 5%, 30%, 0%)
Oklch
oklch(95.5% 0.080 96.9)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#9491AC

Wisteria · DarkGray · Cobalt Blue

HEX
#9491AC
RGB
rgb(148, 145, 172)
HSL
hsl(247, 14%, 62%)
HSB
hsb(247, 16%, 67%)
CMYK
cmyk(14%, 16%, 0%, 33%)
Oklch
oklch(66.8% 0.040 290.4)

Traditional「Wisteria」· Paint「Cobalt Blue」· Creative Lavender Dream

#66629D

Deep Indigo · SlateGray · Navy Blue

HEX
#66629D
RGB
rgb(102, 98, 157)
HSL
hsl(244, 23%, 50%)
HSB
hsb(244, 38%, 62%)
CMYK
cmyk(35%, 38%, 0%, 38%)
Oklch
oklch(52.5% 0.092 285.9)

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

#38406F

Indigo · DarkSlateBlue · Prussian Blue

HEX
#38406F
RGB
rgb(56, 64, 111)
HSL
hsl(231, 33%, 33%)
HSB
hsb(231, 50%, 44%)
CMYK
cmyk(50%, 42%, 0%, 56%)
Oklch
oklch(38.8% 0.080 274.7)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#3E2B1C

Tangerine · DarkSlateGray · Cinnamon

HEX
#3E2B1C
RGB
rgb(62, 43, 28)
HSL
hsl(26, 38%, 18%)
HSB
hsb(26, 55%, 24%)
CMYK
cmyk(0%, 31%, 55%, 76%)
Oklch
oklch(30.7% 0.038 59.1)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFF1B3
B3C1FF

Analogous

FFCBB3
FFF1B3
E7FFB3

Triadic

FFF1B3
B3FFF1
F1B3FF

Split-Comp.

FFF1B3
B3E7FF
CBB3FF

Tetradic

FFF1B3
B3FFCB
B3C1FF
FFB3E7

Contrast Matrix WCAG 2.1 Contrast

FFF1B3
9491AC
66629D
38406F
3E2B1C
—
2.7
Fail
4.9
AA
8.7
AAA
11.8
AAA
2.7
Fail
—
1.8
Fail
3.2
AA Large
4.4
AA Large
4.9
AA
1.8
Fail
—
1.8
Fail
2.4
Fail
8.7
AAA
3.2
AA Large
1.8
Fail
—
1.4
Fail
11.8
AAA
4.4
AA Large
2.4
Fail
1.4
Fail
—
White BG
1.1Fail
3.0AA Large
5.5AA
9.9AAA
13.4AAA
Black BG
18.5AAA
6.9AA
3.8AA Large
2.1Fail
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F9F9C2
9393A5
64648F
3B3C64
363620

Deuteranopia

FAFBC6
9393A4
65658B
3B3A61
373821

Tritanopia

FECED0
94A09F
668381
385B59
3D2223

Achromatopsia

EEEEEE
959595
6A6A6A
434343
2F2F2F

Shades & Tints Shades & Tints

#FFF1B3

Dark
Light

#9491AC

Dark
Light

#66629D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fff1b3;
  --color-2: #9491ac;
  --color-3: #66629d;
  --color-4: #38406f;
  --color-5: #3e2b1c;
}

SCSS

$color-1: #fff1b3;
$color-2: #9491ac;
$color-3: #66629d;
$color-4: #38406f;
$color-5: #3e2b1c;

TAILWIND

colors: {
  'brand-1': '#fff1b3',
  'brand-2': '#9491ac',
  'brand-3': '#66629d',
  'brand-4': '#38406f',
  'brand-5': '#3e2b1c',
}

RGB Array

[255, 241, 179], [148, 145, 172], [102, 98, 157], [56, 64, 111], [62, 43, 28]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFF1B3, #9491AC, #66629D, #38406F, #3E2B1C 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: #fff1b3; --color-2: #9491ac; --color-3: #66629d; --color-4: #38406f; --color-5: #3e2b1c. 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