← Back to Editor

#F7639F · #F9CAE5 · #FFFFCC · #D5E97A · #73AC83

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 App

Color Details Color Details

#F7639F

Rouge · LightCoral · Rose Pink

HEX
#F7639F
RGB
rgb(247, 99, 159)
HSL
hsl(336, 90%, 68%)
HSB
hsb(336, 60%, 97%)
CMYK
cmyk(0%, 60%, 36%, 3%)
Oklch
oklch(70.3% 0.189 357.9)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#F9CAE5

Mauve · Pink · Cherry Blossom

HEX
#F9CAE5
RGB
rgb(249, 202, 229)
HSL
hsl(326, 80%, 88%)
HSB
hsb(326, 19%, 98%)
CMYK
cmyk(0%, 19%, 8%, 2%)
Oklch
oklch(88.8% 0.063 343.0)

Traditional「Mauve」· Paint「Cherry Blossom」· Creative Rose Petal

#FFFFCC

Fresh Green · LightYellow · Lemon Cream

HEX
#FFFFCC
RGB
rgb(255, 255, 204)
HSL
hsl(60, 100%, 90%)
HSB
hsb(60, 20%, 100%)
CMYK
cmyk(0%, 0%, 20%, 0%)
Oklch
oklch(98.8% 0.065 107.5)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#D5E97A

Willow Green · Khaki · Apple Green

HEX
#D5E97A
RGB
rgb(213, 233, 122)
HSL
hsl(71, 72%, 70%)
HSB
hsb(71, 48%, 91%)
CMYK
cmyk(9%, 0%, 48%, 9%)
Oklch
oklch(89.6% 0.138 117.7)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#73AC83

Celadon · DarkSeaGreen · Olive Green

HEX
#73AC83
RGB
rgb(115, 172, 131)
HSL
hsl(137, 26%, 56%)
HSB
hsb(137, 33%, 67%)
CMYK
cmyk(33%, 0%, 24%, 33%)
Oklch
oklch(69.4% 0.085 152.6)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F7639F
64F7BC

Analogous

F764E8
F7639F
F77364

Triadic

F7639F
9FF764
649FF7

Split-Comp.

F7639F
64F773
64E8F7

Tetradic

F7639F
E8F764
64F7BC
7364F7

Contrast Matrix WCAG 2.1 Contrast

F7639F
F9CAE5
FFFFCC
D5E97A
73AC83
—
2.0
Fail
2.8
Fail
2.2
Fail
1.1
Fail
2.0
Fail
—
1.4
Fail
1.1
Fail
1.8
Fail
2.8
Fail
1.4
Fail
—
1.3
Fail
2.6
Fail
2.2
Fail
1.1
Fail
1.3
Fail
—
2.0
Fail
1.1
Fail
1.8
Fail
2.6
Fail
2.0
Fail
—
White BG
2.9Fail
1.4Fail
1.0Fail
1.3Fail
2.6Fail
Black BG
7.2AAA
14.6AAA
20.4AAA
15.8AAA
8.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B7B690
E5E4DE
FFFFD8
DEDE95
8C8C8D

Deuteranopia

C0CB8D
E7EBDD
FFFFDB
DDDB9B
88848F

Tritanopia

F08583
F7D9D8
FFE2E4
D6AAAF
769596

Achromatopsia

969696
DBDBDB
F9F9F9
D6D6D6
969696

Shades & Tints Shades & Tints

#F7639F

Dark
Light

#F9CAE5

Dark
Light

#FFFFCC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f7639f;
  --color-2: #f9cae5;
  --color-3: #ffffcc;
  --color-4: #d5e97a;
  --color-5: #73ac83;
}

SCSS

$color-1: #f7639f;
$color-2: #f9cae5;
$color-3: #ffffcc;
$color-4: #d5e97a;
$color-5: #73ac83;

TAILWIND

colors: {
  'brand-1': '#f7639f',
  'brand-2': '#f9cae5',
  'brand-3': '#ffffcc',
  'brand-4': '#d5e97a',
  'brand-5': '#73ac83',
}

RGB Array

[247, 99, 159], [249, 202, 229], [255, 255, 204], [213, 233, 122], [115, 172, 131]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F7639F, #F9CAE5, #FFFFCC, #D5E97A, #73AC83 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. 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: #f7639f; --color-2: #f9cae5; --color-3: #ffffcc; --color-4: #d5e97a; --color-5: #73ac83. 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. 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