← Back to Editor

#FAD9C8 · #E3C5BB · #B9AB91 · #927F6E · #392618

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

#FAD9C8

Apricot · Bisque · Peach Orange

HEX
#FAD9C8
RGB
rgb(250, 217, 200)
HSL
hsl(20, 83%, 88%)
HSB
hsb(20, 20%, 98%)
CMYK
cmyk(0%, 13%, 20%, 2%)
Oklch
oklch(90.8% 0.043 49.0)

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

#E3C5BB

Apricot · Wheat · Peach Orange

HEX
#E3C5BB
RGB
rgb(227, 197, 187)
HSL
hsl(15, 42%, 81%)
HSB
hsb(15, 18%, 89%)
CMYK
cmyk(0%, 13%, 18%, 11%)
Oklch
oklch(84.6% 0.037 39.3)

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

#B9AB91

Ginger · Tan · Warm Sun

HEX
#B9AB91
RGB
rgb(185, 171, 145)
HSL
hsl(39, 22%, 65%)
HSB
hsb(39, 22%, 73%)
CMYK
cmyk(0%, 8%, 22%, 27%)
Oklch
oklch(74.6% 0.039 83.0)

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

#927F6E

Tangerine · Gray · Amber Brown

HEX
#927F6E
RGB
rgb(146, 127, 110)
HSL
hsl(28, 14%, 50%)
HSB
hsb(28, 25%, 57%)
CMYK
cmyk(0%, 13%, 25%, 43%)
Oklch
oklch(60.9% 0.034 63.9)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#392618

Tangerine · DarkSlateGray · Cinnamon

HEX
#392618
RGB
rgb(57, 38, 24)
HSL
hsl(25, 41%, 16%)
HSB
hsb(25, 58%, 22%)
CMYK
cmyk(0%, 33%, 58%, 78%)
Oklch
oklch(28.8% 0.037 57.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FAD9C8
C7E9FA

Analogous

FAC7CF
FAD9C8
FAF1C7

Triadic

FAD9C8
C7FAD8
D8C7FA

Split-Comp.

FAD9C8
C7FAF1
C7CFFA

Tetradic

FAD9C8
CFFAC7
C7E9FA
F1C7FA

Contrast Matrix WCAG 2.1 Contrast

FAD9C8
E3C5BB
B9AB91
927F6E
392618
—
1.2
Fail
1.7
Fail
2.9
Fail
10.8
AAA
1.2
Fail
—
1.4
Fail
2.4
Fail
8.9
AAA
1.7
Fail
1.4
Fail
—
1.7
Fail
6.3
AA
2.9
Fail
2.4
Fail
1.7
Fail
—
3.7
AA Large
10.8
AAA
8.9
AAA
6.3
AA
3.7
AA Large
—
White BG
1.3Fail
1.6Fail
2.3Fail
3.8AA Large
14.3AAA
Black BG
15.8AAA
13.0AAA
9.3AAA
5.5AA
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

ECEBCC
D6D6BD
B3B397
8A8A72
31311B

Deuteranopia

EEF0CD
D8DABE
B4B599
8B8C73
32331C

Tritanopia

F8CFD0
E1BFC0
B89C9D
917576
381E1F

Achromatopsia

E1E1E1
CDCDCD
ACACAC
838383
2A2A2A

Shades & Tints Shades & Tints

#FAD9C8

Dark
Light

#E3C5BB

Dark
Light

#B9AB91

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fad9c8;
  --color-2: #e3c5bb;
  --color-3: #b9ab91;
  --color-4: #927f6e;
  --color-5: #392618;
}

SCSS

$color-1: #fad9c8;
$color-2: #e3c5bb;
$color-3: #b9ab91;
$color-4: #927f6e;
$color-5: #392618;

TAILWIND

colors: {
  'brand-1': '#fad9c8',
  'brand-2': '#e3c5bb',
  'brand-3': '#b9ab91',
  'brand-4': '#927f6e',
  'brand-5': '#392618',
}

RGB Array

[250, 217, 200], [227, 197, 187], [185, 171, 145], [146, 127, 110], [57, 38, 24]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FAD9C8, #E3C5BB, #B9AB91, #927F6E, #392618 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: #fad9c8; --color-2: #e3c5bb; --color-3: #b9ab91; --color-4: #927f6e; --color-5: #392618. 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