← Back to Editor

#F76CAF · #F49275 · #D0E38D · #54BD94 · #25A8DE

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#F76CAF

Rouge · Orchid · Rose Pink

HEX
#F76CAF
RGB
rgb(247, 108, 175)
HSL
hsl(331, 90%, 70%)
HSB
hsb(331, 56%, 97%)
CMYK
cmyk(0%, 56%, 29%, 3%)
Oklch
oklch(71.9% 0.183 352.6)

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

#F49275

Peach Pink · DarkSalmon · Coral Red

HEX
#F49275
RGB
rgb(244, 146, 117)
HSL
hsl(14, 85%, 71%)
HSB
hsb(14, 52%, 96%)
CMYK
cmyk(0%, 40%, 52%, 4%)
Oklch
oklch(75.6% 0.126 37.3)

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

#D0E38D

Willow Green · Khaki · Apple Green

HEX
#D0E38D
RGB
rgb(208, 227, 141)
HSL
hsl(73, 61%, 72%)
HSB
hsb(73, 38%, 89%)
CMYK
cmyk(8%, 0%, 38%, 11%)
Oklch
oklch(88.2% 0.112 118.9)

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

#54BD94

Mineral Blue · MediumAquaMarine · Olive Green

HEX
#54BD94
RGB
rgb(84, 189, 148)
HSL
hsl(157, 44%, 54%)
HSB
hsb(157, 56%, 74%)
CMYK
cmyk(56%, 0%, 22%, 26%)
Oklch
oklch(72.5% 0.116 165.0)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

#25A8DE

Lake Blue · DodgerBlue · Lake Green

HEX
#25A8DE
RGB
rgb(37, 168, 222)
HSL
hsl(198, 74%, 51%)
HSB
hsb(198, 83%, 87%)
CMYK
cmyk(83%, 24%, 0%, 13%)
Oklch
oklch(68.9% 0.132 232.0)

Traditional「Lake Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F76CAF
6EF7B5

Analogous

F76EF5
F76CAF
F7706E

Triadic

F76CAF
B0F76E
6EB0F7

Split-Comp.

F76CAF
6EF770
6EF5F7

Tetradic

F76CAF
F5F76E
6EF7B5
706EF7

Contrast Matrix WCAG 2.1 Contrast

F76CAF
F49275
D0E38D
54BD94
25A8DE
—
1.2
Fail
2.0
Fail
1.2
Fail
1.0
Fail
1.2
Fail
—
1.6
Fail
1.0
Fail
1.2
Fail
2.0
Fail
1.6
Fail
—
1.7
Fail
1.9
Fail
1.2
Fail
1.0
Fail
1.7
Fail
—
1.2
Fail
1.0
Fail
1.2
Fail
1.9
Fail
1.2
Fail
—
White BG
2.7Fail
2.3Fail
1.4Fail
2.3Fail
2.7Fail
Black BG
7.7AAA
9.2AAA
15.1AAA
9.1AAA
7.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BBBA9F
CAC97C
D8D8A2
81829E
5E5FD1

Deuteranopia

C3CD9B
CFD77E
D7D6A7
7B74A0
564CCE

Tritanopia

F0928F
EF8283
D1B2B6
59A6A7
2CC7C4

Achromatopsia

9D9D9D
ACACAC
D4D4D4
999999
878787

Shades & Tints Shades & Tints

#F76CAF

Dark
Light

#F49275

Dark
Light

#D0E38D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f76caf;
  --color-2: #f49275;
  --color-3: #d0e38d;
  --color-4: #54bd94;
  --color-5: #25a8de;
}

SCSS

$color-1: #f76caf;
$color-2: #f49275;
$color-3: #d0e38d;
$color-4: #54bd94;
$color-5: #25a8de;

TAILWIND

colors: {
  'brand-1': '#f76caf',
  'brand-2': '#f49275',
  'brand-3': '#d0e38d',
  'brand-4': '#54bd94',
  'brand-5': '#25a8de',
}

RGB Array

[247, 108, 175], [244, 146, 117], [208, 227, 141], [84, 189, 148], [37, 168, 222]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F76CAF, #F49275, #D0E38D, #54BD94, #25A8DE is ideal for: social media posters, mobile apps, e-commerce promos. 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: #f76caf; --color-2: #f49275; --color-3: #d0e38d; --color-4: #54bd94; --color-5: #25a8de. 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. 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