← Back to Editor

#C5CE74 · #FF8F7D · #FF57D5 · #A080FF · #3AE297

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

#C5CE74

Fresh Green · Tan · Sunflower

HEX
#C5CE74
RGB
rgb(197, 206, 116)
HSL
hsl(66, 48%, 63%)
HSB
hsb(66, 44%, 81%)
CMYK
cmyk(4%, 0%, 44%, 19%)
Oklch
oklch(82.5% 0.115 113.6)

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

#FF8F7D

Peach Pink · LightSalmon · Coral Red

HEX
#FF8F7D
RGB
rgb(255, 143, 125)
HSL
hsl(8, 100%, 75%)
HSB
hsb(8, 51%, 100%)
CMYK
cmyk(0%, 44%, 51%, 0%)
Oklch
oklch(76.7% 0.139 30.2)

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

#FF57D5

Mauve · Orchid · Lilac Purple

HEX
#FF57D5
RGB
rgb(255, 87, 213)
HSL
hsl(315, 100%, 67%)
HSB
hsb(315, 66%, 100%)
CMYK
cmyk(0%, 66%, 16%, 0%)
Oklch
oklch(72.2% 0.240 339.3)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#A080FF

Wisteria · MediumSlateBlue · Cobalt Blue

HEX
#A080FF
RGB
rgb(160, 128, 255)
HSL
hsl(255, 100%, 75%)
HSB
hsb(255, 50%, 100%)
CMYK
cmyk(37%, 50%, 0%, 0%)
Oklch
oklch(68.7% 0.181 292.6)

Traditional「Wisteria」· Paint「Cobalt Blue」· Creative Lavender Dream

#3AE297

Mineral Blue · MediumAquaMarine · Olive Green

HEX
#3AE297
RGB
rgb(58, 226, 151)
HSL
hsl(153, 74%, 56%)
HSB
hsb(153, 74%, 89%)
CMYK
cmyk(74%, 0%, 33%, 11%)
Oklch
oklch(81.1% 0.172 158.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C5CE74
7C73CE

Analogous

CEAA73
C5CE74
98CE73

Triadic

C5CE74
73C5CE
CE73C5

Split-Comp.

C5CE74
7398CE
AA73CE

Tetradic

C5CE74
73CEAA
7C73CE
CE7398

Contrast Matrix WCAG 2.1 Contrast

C5CE74
FF8F7D
FF57D5
A080FF
3AE297
—
1.3
Fail
1.6
Fail
1.8
Fail
1.0
Fail
1.3
Fail
—
1.3
Fail
1.3
Fail
1.3
Fail
1.6
Fail
1.3
Fail
—
1.1
Fail
1.7
Fail
1.8
Fail
1.3
Fail
1.1
Fail
—
1.8
Fail
1.0
Fail
1.3
Fail
1.7
Fail
1.8
Fail
—
White BG
1.7Fail
2.2Fail
2.8Fail
3.0Fail
1.7Fail
Black BG
12.5AAA
9.5AAA
7.6AAA
7.0AAA
12.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C9C98A
CFCD81
B6B5B7
9292E0
8384A9

Deuteranopia

C8C88F
D5DD82
C0CDAF
9496D9
796CAE

Tritanopia

C59B9F
F98586
F79E99
9EC8C3
42B7BB

Achromatopsia

C1C1C1
AEAEAE
989898
989898
A7A7A7

Shades & Tints Shades & Tints

#C5CE74

Dark
Light

#FF8F7D

Dark
Light

#FF57D5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c5ce74;
  --color-2: #ff8f7d;
  --color-3: #ff57d5;
  --color-4: #a080ff;
  --color-5: #3ae297;
}

SCSS

$color-1: #c5ce74;
$color-2: #ff8f7d;
$color-3: #ff57d5;
$color-4: #a080ff;
$color-5: #3ae297;

TAILWIND

colors: {
  'brand-1': '#c5ce74',
  'brand-2': '#ff8f7d',
  'brand-3': '#ff57d5',
  'brand-4': '#a080ff',
  'brand-5': '#3ae297',
}

RGB Array

[197, 206, 116], [255, 143, 125], [255, 87, 213], [160, 128, 255], [58, 226, 151]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C5CE74, #FF8F7D, #FF57D5, #A080FF, #3AE297 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: #c5ce74; --color-2: #ff8f7d; --color-3: #ff57d5; --color-4: #a080ff; --color-5: #3ae297. 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