← Back to Editor

#7EDE9E · #9AEDC4 · #F7DE6A · #F07B41 · #FC0000

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#7EDE9E

Emerald · LightGreen · Apple Green

HEX
#7EDE9E
RGB
rgb(126, 222, 158)
HSL
hsl(140, 59%, 68%)
HSB
hsb(140, 43%, 87%)
CMYK
cmyk(43%, 0%, 29%, 13%)
Oklch
oklch(82.5% 0.129 153.5)

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

#9AEDC4

Jade · LightBlue · Apple Green

HEX
#9AEDC4
RGB
rgb(154, 237, 196)
HSL
hsl(150, 70%, 77%)
HSB
hsb(150, 35%, 93%)
CMYK
cmyk(35%, 0%, 17%, 7%)
Oklch
oklch(88.2% 0.100 162.0)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#F7DE6A

Ginger · Khaki · Sunflower

HEX
#F7DE6A
RGB
rgb(247, 222, 106)
HSL
hsl(49, 90%, 69%)
HSB
hsb(49, 57%, 97%)
CMYK
cmyk(0%, 10%, 57%, 3%)
Oklch
oklch(89.9% 0.138 97.3)

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

#F07B41

Tangerine · Coral · Warm Sun

HEX
#F07B41
RGB
rgb(240, 123, 65)
HSL
hsl(20, 85%, 60%)
HSB
hsb(20, 73%, 94%)
CMYK
cmyk(0%, 49%, 73%, 6%)
Oklch
oklch(70.7% 0.161 45.1)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#FC0000

Vermilion · Red · Passion Red

HEX
#FC0000
RGB
rgb(252, 0, 0)
HSL
hsl(0, 100%, 49%)
HSB
hsb(0, 100%, 99%)
CMYK
cmyk(0%, 100%, 100%, 1%)
Oklch
oklch(62.2% 0.255 29.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7EDE9E
DE7DBD

Analogous

8DDE7D
7EDE9E
7DDECD

Triadic

7EDE9E
9D7DDE
DE9D7D

Split-Comp.

7EDE9E
CD7DDE
DE7D8D

Tetradic

7EDE9E
7D8DDE
DE7DBD
DECD7D

Contrast Matrix WCAG 2.1 Contrast

7EDE9E
9AEDC4
F7DE6A
F07B41
FC0000
—
1.2
Fail
1.2
Fail
1.7
Fail
2.5
Fail
1.2
Fail
—
1.0
Fail
2.0
Fail
3.0
Fail
1.2
Fail
1.0
Fail
—
2.1
Fail
3.0
AA Large
1.7
Fail
2.0
Fail
2.1
Fail
—
1.5
Fail
2.5
Fail
3.0
Fail
3.0
AA Large
1.5
Fail
—
White BG
1.6Fail
1.4Fail
1.3Fail
2.8Fail
4.1AA Large
Black BG
12.8AAA
15.3AAA
15.6AAA
7.6AAA
5.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A8A8AD
BEBFCE
ECEC86
BDBC4F
8F8D00

Deuteranopia

A29BB1
B9B3D0
EEEF8D
C4CD52
9EB000

Tritanopia

83BABC
9ED6D7
F69CA1
EA5A5D
EF0000

Achromatopsia

BABABA
D0D0D0
D8D8D8
979797
4B4B4B

Shades & Tints Shades & Tints

#7EDE9E

Dark
Light

#9AEDC4

Dark
Light

#F7DE6A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7ede9e;
  --color-2: #9aedc4;
  --color-3: #f7de6a;
  --color-4: #f07b41;
  --color-5: #fc0000;
}

SCSS

$color-1: #7ede9e;
$color-2: #9aedc4;
$color-3: #f7de6a;
$color-4: #f07b41;
$color-5: #fc0000;

TAILWIND

colors: {
  'brand-1': '#7ede9e',
  'brand-2': '#9aedc4',
  'brand-3': '#f7de6a',
  'brand-4': '#f07b41',
  'brand-5': '#fc0000',
}

RGB Array

[126, 222, 158], [154, 237, 196], [247, 222, 106], [240, 123, 65], [252, 0, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7EDE9E, #9AEDC4, #F7DE6A, #F07B41, #FC0000 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: #7ede9e; --color-2: #9aedc4; --color-3: #f7de6a; --color-4: #f07b41; --color-5: #fc0000. 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