← Back to Editor

#DEF482 · #4A8788 · #E5134E · #F96662 · #FCFF90

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

#DEF482

Willow Green · Khaki · Apple Green

HEX
#DEF482
RGB
rgb(222, 244, 130)
HSL
hsl(72, 84%, 73%)
HSB
hsb(72, 47%, 96%)
CMYK
cmyk(9%, 0%, 47%, 4%)
Oklch
oklch(92.7% 0.142 118.2)

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

#4A8788

Slate Blue · CadetBlue · Mint Ice

HEX
#4A8788
RGB
rgb(74, 135, 136)
HSL
hsl(181, 30%, 41%)
HSB
hsb(181, 46%, 53%)
CMYK
cmyk(46%, 1%, 0%, 47%)
Oklch
oklch(58.3% 0.063 196.9)

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

#E5134E

Dark Violet · Crimson · Camellia

HEX
#E5134E
RGB
rgb(229, 19, 78)
HSL
hsl(343, 85%, 49%)
HSB
hsb(343, 92%, 90%)
CMYK
cmyk(0%, 92%, 66%, 10%)
Oklch
oklch(59.0% 0.230 15.4)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#F96662

Peach Pink · Tomato · Coral Red

HEX
#F96662
RGB
rgb(249, 102, 98)
HSL
hsl(2, 93%, 68%)
HSB
hsb(2, 61%, 98%)
CMYK
cmyk(0%, 59%, 61%, 2%)
Oklch
oklch(69.5% 0.181 24.5)

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

#FCFF90

Fresh Green · Khaki · Lemon Cream

HEX
#FCFF90
RGB
rgb(252, 255, 144)
HSL
hsl(62, 100%, 78%)
HSB
hsb(62, 44%, 100%)
CMYK
cmyk(1%, 0%, 44%, 0%)
Oklch
oklch(97.5% 0.134 110.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DEF482
9780F4

Analogous

F4D180
DEF482
A3F480

Triadic

DEF482
80DDF4
F480DD

Split-Comp.

DEF482
80A3F4
D180F4

Tetradic

DEF482
80F4D1
9780F4
F480A3

Contrast Matrix WCAG 2.1 Contrast

DEF482
4A8788
E5134E
F96662
FCFF90
—
3.4
AA Large
3.8
AA Large
2.4
Fail
1.1
Fail
3.4
AA Large
—
1.1
Fail
1.4
Fail
3.9
AA Large
3.8
AA Large
1.1
Fail
—
1.6
Fail
4.4
AA Large
2.4
Fail
1.4
Fail
1.6
Fail
—
2.8
Fail
1.1
Fail
3.9
AA Large
4.4
AA Large
2.8
Fail
—
White BG
1.2Fail
4.1AA Large
4.6AA
3.0Fail
1.1Fail
Black BG
17.4AAA
5.1AA
4.5AA
7.1AAA
19.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E8E89E
646588
8A8840
B9B863
FDFDAB

Deuteranopia

E6E5A4
615C88
96A63C
C2CD63
FDFDB1

Tritanopia

DFB3B8
4D8888
DA3432
F26464
FCC0C5

Achromatopsia

E0E0E0
757575
595959
919191
F1F1F1

Shades & Tints Shades & Tints

#DEF482

Dark
Light

#4A8788

Dark
Light

#E5134E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #def482;
  --color-2: #4a8788;
  --color-3: #e5134e;
  --color-4: #f96662;
  --color-5: #fcff90;
}

SCSS

$color-1: #def482;
$color-2: #4a8788;
$color-3: #e5134e;
$color-4: #f96662;
$color-5: #fcff90;

TAILWIND

colors: {
  'brand-1': '#def482',
  'brand-2': '#4a8788',
  'brand-3': '#e5134e',
  'brand-4': '#f96662',
  'brand-5': '#fcff90',
}

RGB Array

[222, 244, 130], [74, 135, 136], [229, 19, 78], [249, 102, 98], [252, 255, 144]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DEF482, #4A8788, #E5134E, #F96662, #FCFF90 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: #def482; --color-2: #4a8788; --color-3: #e5134e; --color-4: #f96662; --color-5: #fcff90. 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