← Back to Editor

#F6BCAD · #DBA884 · #B3A26F · #919957 · #665E45

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

#F6BCAD

Peach Pink · LightPink · Cherry Blossom

HEX
#F6BCAD
RGB
rgb(246, 188, 173)
HSL
hsl(12, 80%, 82%)
HSB
hsb(12, 30%, 96%)
CMYK
cmyk(0%, 24%, 30%, 4%)
Oklch
oklch(84.4% 0.071 35.0)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#DBA884

Apricot · BurlyWood · Warm Sun

HEX
#DBA884
RGB
rgb(219, 168, 132)
HSL
hsl(25, 55%, 69%)
HSB
hsb(25, 40%, 86%)
CMYK
cmyk(0%, 23%, 40%, 14%)
Oklch
oklch(77.0% 0.078 56.5)

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

#B3A26F

Ginger · Tan · Sunflower

HEX
#B3A26F
RGB
rgb(179, 162, 111)
HSL
hsl(45, 31%, 57%)
HSB
hsb(45, 38%, 70%)
CMYK
cmyk(0%, 9%, 38%, 30%)
Oklch
oklch(71.5% 0.071 91.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#919957

Autumn Sage · Gray · Honey Gold

HEX
#919957
RGB
rgb(145, 153, 87)
HSL
hsl(67, 27%, 47%)
HSB
hsb(67, 43%, 60%)
CMYK
cmyk(5%, 0%, 43%, 40%)
Oklch
oklch(66.1% 0.090 114.5)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#665E45

Ochre · DarkOliveGreen · Honey Gold

HEX
#665E45
RGB
rgb(102, 94, 69)
HSL
hsl(45, 19%, 34%)
HSB
hsb(45, 32%, 40%)
CMYK
cmyk(0%, 8%, 32%, 60%)
Oklch
oklch(48.3% 0.039 92.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F6BCAD
ACE7F6

Analogous

F6ACC2
F6BCAD
F6E0AC

Triadic

F6BCAD
ACF6BB
BBACF6

Split-Comp.

F6BCAD
ACF6E0
ACC2F6

Tetradic

F6BCAD
C2F6AC
ACE7F6
E0ACF6

Contrast Matrix WCAG 2.1 Contrast

F6BCAD
DBA884
B3A26F
919957
665E45
—
1.3
Fail
1.5
Fail
1.8
Fail
3.9
AA Large
1.3
Fail
—
1.2
Fail
1.4
Fail
3.1
AA Large
1.5
Fail
1.2
Fail
—
1.2
Fail
2.6
Fail
1.8
Fail
1.4
Fail
1.2
Fail
—
2.1
Fail
3.9
AA Large
3.1
AA Large
2.6
Fail
2.1
Fail
—
White BG
1.7Fail
2.1Fail
2.5Fail
3.0AA Large
6.5AA
Black BG
12.7AAA
9.9AAA
8.3AAA
6.9AA
3.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

DDDCB1
C5C48D
ACAB7B
949567
63624B

Deuteranopia

E0E5B2
C8CC8F
ADAE7E
94936B
63644D

Tritanopia

F3B3B4
D89495
B28587
917476
665051

Achromatopsia

CCCCCC
B3B3B3
A1A1A1
8F8F8F
5E5E5E

Shades & Tints Shades & Tints

#F6BCAD

Dark
Light

#DBA884

Dark
Light

#B3A26F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f6bcad;
  --color-2: #dba884;
  --color-3: #b3a26f;
  --color-4: #919957;
  --color-5: #665e45;
}

SCSS

$color-1: #f6bcad;
$color-2: #dba884;
$color-3: #b3a26f;
$color-4: #919957;
$color-5: #665e45;

TAILWIND

colors: {
  'brand-1': '#f6bcad',
  'brand-2': '#dba884',
  'brand-3': '#b3a26f',
  'brand-4': '#919957',
  'brand-5': '#665e45',
}

RGB Array

[246, 188, 173], [219, 168, 132], [179, 162, 111], [145, 153, 87], [102, 94, 69]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F6BCAD, #DBA884, #B3A26F, #919957, #665E45 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: #f6bcad; --color-2: #dba884; --color-3: #b3a26f; --color-4: #919957; --color-5: #665e45. 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