← Back to Editor

#FC2D59 · #C31672 · #4F9D90 · #A4CB92 · #FFECA9

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

#FC2D59

Vermilion · Crimson · Passion Red

HEX
#FC2D59
RGB
rgb(252, 45, 89)
HSL
hsl(347, 97%, 58%)
HSB
hsb(347, 82%, 99%)
CMYK
cmyk(0%, 82%, 65%, 1%)
Oklch
oklch(64.5% 0.236 16.4)

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

#C31672

Rose Purple · MediumVioletRed · Camellia

HEX
#C31672
RGB
rgb(195, 22, 114)
HSL
hsl(328, 80%, 43%)
HSB
hsb(328, 89%, 76%)
CMYK
cmyk(0%, 89%, 42%, 24%)
Oklch
oklch(53.9% 0.210 356.2)

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

#4F9D90

Mineral Blue · CadetBlue · Mint Ice

HEX
#4F9D90
RGB
rgb(79, 157, 144)
HSL
hsl(170, 33%, 46%)
HSB
hsb(170, 50%, 62%)
CMYK
cmyk(50%, 0%, 8%, 38%)
Oklch
oklch(64.3% 0.080 181.5)

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

#A4CB92

Celadon · DarkSeaGreen · Apple Green

HEX
#A4CB92
RGB
rgb(164, 203, 146)
HSL
hsl(101, 35%, 68%)
HSB
hsb(101, 28%, 80%)
CMYK
cmyk(19%, 0%, 28%, 20%)
Oklch
oklch(79.9% 0.088 136.0)

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

#FFECA9

Goose Yellow · Wheat · Lemon Cream

HEX
#FFECA9
RGB
rgb(255, 236, 169)
HSL
hsl(47, 100%, 83%)
HSB
hsb(47, 34%, 100%)
CMYK
cmyk(0%, 7%, 34%, 0%)
Oklch
oklch(94.3% 0.087 94.2)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FC2D59
2CFCCF

Analogous

FC2CC1
FC2D59
FC672C

Triadic

FC2D59
59FC2C
2C59FC

Split-Comp.

FC2D59
2CFC67
2CC1FC

Tetradic

FC2D59
C1FC2C
2CFCCF
672CFC

Contrast Matrix WCAG 2.1 Contrast

FC2D59
C31672
4F9D90
A4CB92
FFECA9
—
1.5
Fail
1.2
Fail
2.0
Fail
3.1
AA Large
1.5
Fail
—
1.8
Fail
3.1
AA Large
4.8
AA
1.2
Fail
1.8
Fail
—
1.8
Fail
2.7
Fail
2.0
Fail
3.1
AA Large
1.8
Fail
—
1.5
Fail
3.1
AA Large
4.8
AA
2.7
Fail
1.5
Fail
—
White BG
3.7AA Large
5.7AA
3.2AA Large
1.8Fail
1.2Fail
Black BG
5.7AA
3.7AA Large
6.6AA
11.5AAA
17.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A2A14E
78775C
717193
B5B5A0
F7F7B9

Deuteranopia

AEBE4C
828F56
6C6694
B3B0A3
F8F9BD

Tritanopia

F24644
BA4A46
539696
A6ABAD
FEC6C9

Achromatopsia

707070
545454
848484
B9B9B9
EAEAEA

Shades & Tints Shades & Tints

#FC2D59

Dark
Light

#C31672

Dark
Light

#4F9D90

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fc2d59;
  --color-2: #c31672;
  --color-3: #4f9d90;
  --color-4: #a4cb92;
  --color-5: #ffeca9;
}

SCSS

$color-1: #fc2d59;
$color-2: #c31672;
$color-3: #4f9d90;
$color-4: #a4cb92;
$color-5: #ffeca9;

TAILWIND

colors: {
  'brand-1': '#fc2d59',
  'brand-2': '#c31672',
  'brand-3': '#4f9d90',
  'brand-4': '#a4cb92',
  'brand-5': '#ffeca9',
}

RGB Array

[252, 45, 89], [195, 22, 114], [79, 157, 144], [164, 203, 146], [255, 236, 169]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FC2D59, #C31672, #4F9D90, #A4CB92, #FFECA9 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: #fc2d59; --color-2: #c31672; --color-3: #4f9d90; --color-4: #a4cb92; --color-5: #ffeca9. 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