← Back to Editor

#F2DABE · #EBA898 · #F29492 · #A36769 · #6A454C

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

#F2DABE

Goose Yellow · Wheat · Peach Orange

HEX
#F2DABE
RGB
rgb(242, 218, 190)
HSL
hsl(32, 67%, 85%)
HSB
hsb(32, 21%, 95%)
CMYK
cmyk(0%, 10%, 21%, 5%)
Oklch
oklch(90.1% 0.046 71.5)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#EBA898

Peach Pink · BurlyWood · Coral Red

HEX
#EBA898
RGB
rgb(235, 168, 152)
HSL
hsl(12, 67%, 76%)
HSB
hsb(12, 35%, 92%)
CMYK
cmyk(0%, 29%, 35%, 8%)
Oklch
oklch(79.1% 0.083 33.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#F29492

Peach Pink · DarkSalmon · Coral Red

HEX
#F29492
RGB
rgb(242, 148, 146)
HSL
hsl(1, 79%, 76%)
HSB
hsb(1, 40%, 95%)
CMYK
cmyk(0%, 39%, 40%, 5%)
Oklch
oklch(76.3% 0.114 21.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#A36769

Crimson · Gray · Passion Red

HEX
#A36769
RGB
rgb(163, 103, 105)
HSL
hsl(358, 25%, 52%)
HSB
hsb(358, 37%, 64%)
CMYK
cmyk(0%, 37%, 36%, 36%)
Oklch
oklch(57.9% 0.078 17.6)

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

#6A454C

Crimson · DimGray · Wine Red

HEX
#6A454C
RGB
rgb(106, 69, 76)
HSL
hsl(349, 21%, 34%)
HSB
hsb(349, 35%, 42%)
CMYK
cmyk(0%, 35%, 28%, 58%)
Oklch
oklch(43.5% 0.052 7.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F2DABE
BFD7F2

Analogous

F2C1BF
F2DABE
F1F2BF

Triadic

F2DABE
BFF2DA
DABFF2

Split-Comp.

F2DABE
BFF1F2
C1BFF2

Tetradic

F2DABE
BFF2C1
BFD7F2
F2BFF1

Contrast Matrix WCAG 2.1 Contrast

F2DABE
EBA898
F29492
A36769
6A454C
—
1.5
Fail
1.6
Fail
3.3
AA Large
6.1
AA
1.5
Fail
—
1.1
Fail
2.3
Fail
4.1
AA Large
1.6
Fail
1.1
Fail
—
2.0
Fail
3.7
AA Large
3.3
AA Large
2.3
Fail
2.0
Fail
—
1.8
Fail
6.1
AA
4.1
AA Large
3.7
AA Large
1.8
Fail
—
White BG
1.4Fail
2.0Fail
2.2Fail
4.5AA Large
8.2AAA
Black BG
15.5AAA
10.6AAA
9.4AAA
4.7AA
2.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E8E7C5
CECD9C
C9C892
898869
5A5A4A

Deuteranopia

E9EBC6
D2D79D
CFD693
8D9168
5C5F4A

Tritanopia

F1CACB
E89FA0
ED9393
A06868
684949

Achromatopsia

DEDEDE
BABABA
B0B0B0
797979
515151

Shades & Tints Shades & Tints

#F2DABE

Dark
Light

#EBA898

Dark
Light

#F29492

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f2dabe;
  --color-2: #eba898;
  --color-3: #f29492;
  --color-4: #a36769;
  --color-5: #6a454c;
}

SCSS

$color-1: #f2dabe;
$color-2: #eba898;
$color-3: #f29492;
$color-4: #a36769;
$color-5: #6a454c;

TAILWIND

colors: {
  'brand-1': '#f2dabe',
  'brand-2': '#eba898',
  'brand-3': '#f29492',
  'brand-4': '#a36769',
  'brand-5': '#6a454c',
}

RGB Array

[242, 218, 190], [235, 168, 152], [242, 148, 146], [163, 103, 105], [106, 69, 76]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F2DABE, #EBA898, #F29492, #A36769, #6A454C 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: #f2dabe; --color-2: #eba898; --color-3: #f29492; --color-4: #a36769; --color-5: #6a454c. 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