← Back to Editor

#F26D89 · #F29B89 · #F2B87D · #7C3F40 · #5E332A

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#F26D89

Peach Pink · LightCoral · Coral Red

HEX
#F26D89
RGB
rgb(242, 109, 137)
HSL
hsl(347, 84%, 69%)
HSB
hsb(347, 55%, 95%)
CMYK
cmyk(0%, 55%, 43%, 5%)
Oklch
oklch(70.2% 0.165 9.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#F29B89

Peach Pink · DarkSalmon · Coral Red

HEX
#F29B89
RGB
rgb(242, 155, 137)
HSL
hsl(10, 80%, 74%)
HSB
hsb(10, 43%, 95%)
CMYK
cmyk(0%, 36%, 43%, 5%)
Oklch
oklch(77.3% 0.108 32.3)

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

#F2B87D

Goose Yellow · BurlyWood · Warm Sun

HEX
#F2B87D
RGB
rgb(242, 184, 125)
HSL
hsl(30, 82%, 72%)
HSB
hsb(30, 48%, 95%)
CMYK
cmyk(0%, 24%, 48%, 5%)
Oklch
oklch(82.3% 0.101 66.1)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#7C3F40

Crimson · Sienna · Wine Red

HEX
#7C3F40
RGB
rgb(124, 63, 64)
HSL
hsl(359, 33%, 37%)
HSB
hsb(359, 49%, 49%)
CMYK
cmyk(0%, 49%, 48%, 51%)
Oklch
oklch(44.5% 0.085 20.0)

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

#5E332A

Crimson · DarkOliveGreen · Wine Red

HEX
#5E332A
RGB
rgb(94, 51, 42)
HSL
hsl(10, 38%, 27%)
HSB
hsb(10, 55%, 37%)
CMYK
cmyk(0%, 46%, 55%, 63%)
Oklch
oklch(37.3% 0.064 32.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F26D89
6EF2D6

Analogous

F26ECD
F26D89
F2936E

Triadic

F26D89
8AF26E
6E8AF2

Split-Comp.

F26D89
6EF293
6ECDF2

Tetradic

F26D89
CDF26E
6EF2D6
936EF2

Contrast Matrix WCAG 2.1 Contrast

F26D89
F29B89
F2B87D
7C3F40
5E332A
—
1.3
Fail
1.6
Fail
2.8
Fail
3.7
AA Large
1.3
Fail
—
1.2
Fail
3.7
AA Large
5.0
AA
1.6
Fail
1.2
Fail
—
4.5
AA
6.0
AA
2.8
Fail
3.7
AA Large
4.5
AA
—
1.3
Fail
3.7
AA Large
5.0
AA
6.0
AA
1.3
Fail
—
White BG
2.9Fail
2.1Fail
1.8Fail
7.9AAA
10.6AAA
Black BG
7.3AAA
9.8AAA
11.9AAA
2.6Fail
2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B8B782
CCCC8D
D9D88B
626140
4B4B2C

Deuteranopia

C0CA81
D1D88E
DCE18F
656A40
4E512D

Tritanopia

EB7D7C
EE9192
EF9799
794040
5C2E2E

Achromatopsia

989898
B3B3B3
C3C3C3
515151
3F3F3F

Shades & Tints Shades & Tints

#F26D89

Dark
Light

#F29B89

Dark
Light

#F2B87D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f26d89;
  --color-2: #f29b89;
  --color-3: #f2b87d;
  --color-4: #7c3f40;
  --color-5: #5e332a;
}

SCSS

$color-1: #f26d89;
$color-2: #f29b89;
$color-3: #f2b87d;
$color-4: #7c3f40;
$color-5: #5e332a;

TAILWIND

colors: {
  'brand-1': '#f26d89',
  'brand-2': '#f29b89',
  'brand-3': '#f2b87d',
  'brand-4': '#7c3f40',
  'brand-5': '#5e332a',
}

RGB Array

[242, 109, 137], [242, 155, 137], [242, 184, 125], [124, 63, 64], [94, 51, 42]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F26D89, #F29B89, #F2B87D, #7C3F40, #5E332A is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #f26d89; --color-2: #f29b89; --color-3: #f2b87d; --color-4: #7c3f40; --color-5: #5e332a. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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