← Back to Editor

#5CA999 · #FD957A · #F4C154 · #584F75 · #EF539C

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

#5CA999

Mineral Blue · CadetBlue · Lake Green

HEX
#5CA999
RGB
rgb(92, 169, 153)
HSL
hsl(168, 31%, 51%)
HSB
hsb(168, 46%, 66%)
CMYK
cmyk(46%, 0%, 9%, 34%)
Oklch
oklch(68.1% 0.081 178.7)

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

#FD957A

Peach Pink · LightSalmon · Coral Red

HEX
#FD957A
RGB
rgb(253, 149, 122)
HSL
hsl(12, 97%, 74%)
HSB
hsb(12, 52%, 99%)
CMYK
cmyk(0%, 41%, 52%, 1%)
Oklch
oklch(77.3% 0.132 35.4)

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

#F4C154

Ginger · SandyBrown · Sunflower

HEX
#F4C154
RGB
rgb(244, 193, 84)
HSL
hsl(41, 88%, 64%)
HSB
hsb(41, 66%, 96%)
CMYK
cmyk(0%, 21%, 66%, 4%)
Oklch
oklch(83.7% 0.137 83.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#584F75

Deep Indigo · DarkSlateBlue · Prussian Blue

HEX
#584F75
RGB
rgb(88, 79, 117)
HSL
hsl(254, 19%, 38%)
HSB
hsb(254, 32%, 46%)
CMYK
cmyk(25%, 32%, 0%, 54%)
Oklch
oklch(45.2% 0.062 294.7)

Traditional「Deep Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#EF539C

Rouge · LightCoral · Rose Pink

HEX
#EF539C
RGB
rgb(239, 83, 156)
HSL
hsl(332, 83%, 63%)
HSB
hsb(332, 65%, 94%)
CMYK
cmyk(0%, 65%, 35%, 6%)
Oklch
oklch(67.2% 0.202 355.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5CA999
A95B6B

Analogous

5BA973
5CA999
5B92A9

Triadic

5CA999
995BA9
A9995B

Split-Comp.

5CA999
A95B92
A9735B

Tetradic

5CA999
735BA9
A95B6B
92A95B

Contrast Matrix WCAG 2.1 Contrast

5CA999
FD957A
F4C154
584F75
EF539C
—
1.3
Fail
1.7
Fail
2.7
Fail
1.2
Fail
1.3
Fail
—
1.3
Fail
3.5
AA Large
1.5
Fail
1.7
Fail
1.3
Fail
—
4.5
AA
2.0
Fail
2.7
Fail
3.5
AA Large
4.5
AA
—
2.3
Fail
1.2
Fail
1.5
Fail
2.0
Fail
2.3
Fail
—
White BG
2.8Fail
2.2Fail
1.7Fail
7.5AAA
3.3AA Large
Black BG
7.6AAA
9.8AAA
12.6AAA
2.8Fail
6.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7D7E9D
D0CF81
DEDD6E
54546C
ABAA8A

Deuteranopia

79739E
D6DE82
E1E575
55556A
B5C086

Tritanopia

60A0A1
F88687
F18388
586563
E77C79

Achromatopsia

909090
B1B1B1
C4C4C4
565656
8A8A8A

Shades & Tints Shades & Tints

#5CA999

Dark
Light

#FD957A

Dark
Light

#F4C154

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5ca999;
  --color-2: #fd957a;
  --color-3: #f4c154;
  --color-4: #584f75;
  --color-5: #ef539c;
}

SCSS

$color-1: #5ca999;
$color-2: #fd957a;
$color-3: #f4c154;
$color-4: #584f75;
$color-5: #ef539c;

TAILWIND

colors: {
  'brand-1': '#5ca999',
  'brand-2': '#fd957a',
  'brand-3': '#f4c154',
  'brand-4': '#584f75',
  'brand-5': '#ef539c',
}

RGB Array

[92, 169, 153], [253, 149, 122], [244, 193, 84], [88, 79, 117], [239, 83, 156]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #5CA999, #FD957A, #F4C154, #584F75, #EF539C 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: #5ca999; --color-2: #fd957a; --color-3: #f4c154; --color-4: #584f75; --color-5: #ef539c. 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