← Back to Editor

#F3275E · #E237A6 · #9FB982 · #50A4AC · #CFE41B

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

#F3275E

Dark Violet · Crimson · Rose Pink

HEX
#F3275E
RGB
rgb(243, 39, 94)
HSL
hsl(344, 89%, 55%)
HSB
hsb(344, 84%, 95%)
CMYK
cmyk(0%, 84%, 61%, 5%)
Oklch
oklch(62.7% 0.232 13.3)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#E237A6

Rose Purple · DeepPink · Rose Pink

HEX
#E237A6
RGB
rgb(226, 55, 166)
HSL
hsl(321, 75%, 55%)
HSB
hsb(321, 76%, 89%)
CMYK
cmyk(0%, 76%, 27%, 11%)
Oklch
oklch(63.1% 0.229 346.0)

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

#9FB982

Willow Green · DarkSeaGreen · Apple Green

HEX
#9FB982
RGB
rgb(159, 185, 130)
HSL
hsl(88, 28%, 62%)
HSB
hsb(88, 30%, 73%)
CMYK
cmyk(14%, 0%, 30%, 27%)
Oklch
oklch(75.2% 0.081 128.8)

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

#50A4AC

Slate Blue · CadetBlue · Mint Ice

HEX
#50A4AC
RGB
rgb(80, 164, 172)
HSL
hsl(185, 37%, 49%)
HSB
hsb(185, 53%, 67%)
CMYK
cmyk(53%, 5%, 0%, 33%)
Oklch
oklch(67.0% 0.082 203.7)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#CFE41B

Autumn Sage · GreenYellow · Honey Gold

HEX
#CFE41B
RGB
rgb(207, 228, 27)
HSL
hsl(66, 79%, 50%)
HSB
hsb(66, 88%, 89%)
CMYK
cmyk(9%, 0%, 88%, 11%)
Oklch
oklch(87.3% 0.196 116.4)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F3275E
26F2BC

Analogous

F226C3
F3275E
F25626

Triadic

F3275E
5DF226
265DF2

Split-Comp.

F3275E
26F256
26C3F2

Tetradic

F3275E
C3F226
26F2BC
5626F2

Contrast Matrix WCAG 2.1 Contrast

F3275E
E237A6
9FB982
50A4AC
CFE41B
—
1.0
Fail
1.8
Fail
1.4
Fail
2.8
Fail
1.0
Fail
—
1.8
Fail
1.4
Fail
2.8
Fail
1.8
Fail
1.8
Fail
—
1.3
Fail
1.5
Fail
1.4
Fail
1.4
Fail
1.3
Fail
—
2.0
Fail
2.8
Fail
2.8
Fail
1.5
Fail
2.0
Fail
—
White BG
4.0AA Large
3.9AA Large
2.2Fail
2.9Fail
1.4Fail
Black BG
5.3AA
5.3AA
9.7AAA
7.2AAA
14.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9B9951
98968B
AAAA8F
7475AA
D8D84C

Deuteranopia

A7B64E
A2AF85
A9A793
7069AA
D7D557

Tritanopia

E94644
D97671
A09A9C
54A9A8
D0727A

Achromatopsia

6A6A6A
777777
ABABAB
8C8C8C
C7C7C7

Shades & Tints Shades & Tints

#F3275E

Dark
Light

#E237A6

Dark
Light

#9FB982

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f3275e;
  --color-2: #e237a6;
  --color-3: #9fb982;
  --color-4: #50a4ac;
  --color-5: #cfe41b;
}

SCSS

$color-1: #f3275e;
$color-2: #e237a6;
$color-3: #9fb982;
$color-4: #50a4ac;
$color-5: #cfe41b;

TAILWIND

colors: {
  'brand-1': '#f3275e',
  'brand-2': '#e237a6',
  'brand-3': '#9fb982',
  'brand-4': '#50a4ac',
  'brand-5': '#cfe41b',
}

RGB Array

[243, 39, 94], [226, 55, 166], [159, 185, 130], [80, 164, 172], [207, 228, 27]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F3275E, #E237A6, #9FB982, #50A4AC, #CFE41B 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: #f3275e; --color-2: #e237a6; --color-3: #9fb982; --color-4: #50a4ac; --color-5: #cfe41b. 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