← Back to Editor

#FFC39E · #FF9999 · #FF7F5C · #FA6137 · #8F2F80

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

#FFC39E

Apricot · Wheat · Peach Orange

HEX
#FFC39E
RGB
rgb(255, 195, 158)
HSL
hsl(23, 100%, 81%)
HSB
hsb(23, 38%, 100%)
CMYK
cmyk(0%, 24%, 38%, 0%)
Oklch
oklch(86.2% 0.085 52.9)

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

#FF9999

Peach Pink · LightSalmon · Coral Red

HEX
#FF9999
RGB
rgb(255, 153, 153)
HSL
hsl(0, 100%, 80%)
HSB
hsb(0, 40%, 100%)
CMYK
cmyk(0%, 40%, 40%, 0%)
Oklch
oklch(78.8% 0.123 20.2)

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

#FF7F5C

Peach Pink · Coral · Coral Red

HEX
#FF7F5C
RGB
rgb(255, 127, 92)
HSL
hsl(13, 100%, 68%)
HSB
hsb(13, 64%, 100%)
CMYK
cmyk(0%, 50%, 64%, 0%)
Oklch
oklch(73.7% 0.164 36.3)

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

#FA6137

Vermilion · Tomato · Passion Red

HEX
#FA6137
RGB
rgb(250, 97, 55)
HSL
hsl(13, 95%, 60%)
HSB
hsb(13, 78%, 98%)
CMYK
cmyk(0%, 61%, 78%, 2%)
Oklch
oklch(68.4% 0.196 36.0)

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

#8F2F80

Rose Purple · DarkMagenta · Eggplant

HEX
#8F2F80
RGB
rgb(143, 47, 128)
HSL
hsl(309, 51%, 37%)
HSB
hsb(309, 67%, 56%)
CMYK
cmyk(0%, 67%, 10%, 44%)
Oklch
oklch(47.6% 0.160 334.6)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFC39E
9EDAFF

Analogous

FF9EA9
FFC39E
FFF49E

Triadic

FFC39E
9EFFC3
C39EFF

Split-Comp.

FFC39E
9EFFF4
9EA9FF

Tetradic

FFC39E
A9FF9E
9EDAFF
F49EFF

Contrast Matrix WCAG 2.1 Contrast

FFC39E
FF9999
FF7F5C
FA6137
8F2F80
—
1.3
Fail
1.6
Fail
2.0
Fail
4.7
AA
1.3
Fail
—
1.2
Fail
1.5
Fail
3.6
AA Large
1.6
Fail
1.2
Fail
—
1.2
Fail
2.9
Fail
2.0
Fail
1.5
Fail
1.2
Fail
—
2.4
Fail
4.7
AA
3.6
AA Large
2.9
Fail
2.4
Fail
—
White BG
1.5Fail
2.0Fail
2.5Fail
3.1AA Large
7.3AAA
Black BG
13.6AAA
10.3AAA
8.4AAA
6.8AA
2.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E5E4A7
D3D299
C8C664
B8B641
65656C

Deuteranopia

E9EDA9
D9E099
CFD967
C1CC44
6B7268

Tritanopia

FCAEB0
FA9999
F96B6D
F2494B
8A5D5A

Achromatopsia

D1D1D1
B7B7B7
A1A1A1
8A8A8A
555555

Shades & Tints Shades & Tints

#FFC39E

Dark
Light

#FF9999

Dark
Light

#FF7F5C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffc39e;
  --color-2: #ff9999;
  --color-3: #ff7f5c;
  --color-4: #fa6137;
  --color-5: #8f2f80;
}

SCSS

$color-1: #ffc39e;
$color-2: #ff9999;
$color-3: #ff7f5c;
$color-4: #fa6137;
$color-5: #8f2f80;

TAILWIND

colors: {
  'brand-1': '#ffc39e',
  'brand-2': '#ff9999',
  'brand-3': '#ff7f5c',
  'brand-4': '#fa6137',
  'brand-5': '#8f2f80',
}

RGB Array

[255, 195, 158], [255, 153, 153], [255, 127, 92], [250, 97, 55], [143, 47, 128]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFC39E, #FF9999, #FF7F5C, #FA6137, #8F2F80 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, 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: #ffc39e; --color-2: #ff9999; --color-3: #ff7f5c; --color-4: #fa6137; --color-5: #8f2f80. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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