← Back to Editor

#7EB892 · #AC3F5F · #F65B57 · #F8A770 · #F8E184

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

#7EB892

Celadon · DarkSeaGreen · Apple Green

HEX
#7EB892
RGB
rgb(126, 184, 146)
HSL
hsl(141, 29%, 61%)
HSB
hsb(141, 32%, 72%)
CMYK
cmyk(32%, 0%, 21%, 28%)
Oklch
oklch(73.2% 0.082 155.1)

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

#AC3F5F

Dark Violet · Sienna · Camellia

HEX
#AC3F5F
RGB
rgb(172, 63, 95)
HSL
hsl(342, 46%, 46%)
HSB
hsb(342, 63%, 67%)
CMYK
cmyk(0%, 63%, 45%, 33%)
Oklch
oklch(52.7% 0.145 5.4)

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

#F65B57

Peach Pink · Tomato · Coral Red

HEX
#F65B57
RGB
rgb(246, 91, 87)
HSL
hsl(2, 90%, 65%)
HSB
hsb(2, 65%, 96%)
CMYK
cmyk(0%, 63%, 65%, 4%)
Oklch
oklch(67.5% 0.191 25.1)

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

#F8A770

Apricot · LightSalmon · Warm Sun

HEX
#F8A770
RGB
rgb(248, 167, 112)
HSL
hsl(24, 91%, 71%)
HSB
hsb(24, 55%, 97%)
CMYK
cmyk(0%, 33%, 55%, 3%)
Oklch
oklch(79.6% 0.119 54.3)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#F8E184

Goose Yellow · Khaki · Sunflower

HEX
#F8E184
RGB
rgb(248, 225, 132)
HSL
hsl(48, 89%, 75%)
HSB
hsb(48, 47%, 97%)
CMYK
cmyk(0%, 9%, 47%, 3%)
Oklch
oklch(90.9% 0.116 95.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7EB892
B87FA4

Analogous

87B87F
7EB892
7FB8B0

Triadic

7EB892
937FB8
B8937F

Split-Comp.

7EB892
B07FB8
B87F87

Tetradic

7EB892
7F87B8
B87FA4
B8B07F

Contrast Matrix WCAG 2.1 Contrast

7EB892
AC3F5F
F65B57
F8A770
F8E184
—
2.5
Fail
1.4
Fail
1.2
Fail
1.8
Fail
2.5
Fail
—
1.8
Fail
3.0
Fail
4.4
AA Large
1.4
Fail
1.8
Fail
—
1.6
Fail
2.5
Fail
1.2
Fail
3.0
Fail
1.6
Fail
—
1.5
Fail
1.8
Fail
4.4
AA Large
2.5
Fail
1.5
Fail
—
White BG
2.3Fail
5.8AA
3.2AA Large
2.0Fail
1.3Fail
Black BG
9.2AAA
3.6AA Large
6.6AA
10.8AAA
16.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

97989B
7D7C57
B3B158
D5D47D
EEEE9B

Deuteranopia

948F9D
838B55
BCC858
DAE081
EFF1A0

Tritanopia

81A2A4
A75150
EE5959
F4888A
F7ACB0

Achromatopsia

A2A2A2
636363
898989
B9B9B9
DDDDDD

Shades & Tints Shades & Tints

#7EB892

Dark
Light

#AC3F5F

Dark
Light

#F65B57

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7eb892;
  --color-2: #ac3f5f;
  --color-3: #f65b57;
  --color-4: #f8a770;
  --color-5: #f8e184;
}

SCSS

$color-1: #7eb892;
$color-2: #ac3f5f;
$color-3: #f65b57;
$color-4: #f8a770;
$color-5: #f8e184;

TAILWIND

colors: {
  'brand-1': '#7eb892',
  'brand-2': '#ac3f5f',
  'brand-3': '#f65b57',
  'brand-4': '#f8a770',
  'brand-5': '#f8e184',
}

RGB Array

[126, 184, 146], [172, 63, 95], [246, 91, 87], [248, 167, 112], [248, 225, 132]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7EB892, #AC3F5F, #F65B57, #F8A770, #F8E184 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: #7eb892; --color-2: #ac3f5f; --color-3: #f65b57; --color-4: #f8a770; --color-5: #f8e184. 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