← Back to Editor

#93D6AB · #290000 · #E1E9C2 · #FBA29E · #F44570

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 AppData Visualization

Color Details Color Details

#93D6AB

Celadon · LightGreen · Apple Green

HEX
#93D6AB
RGB
rgb(147, 214, 171)
HSL
hsl(141, 45%, 71%)
HSB
hsb(141, 31%, 84%)
CMYK
cmyk(31%, 0%, 20%, 16%)
Oklch
oklch(82.0% 0.091 155.7)

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

#290000

Vermilion · Black · Deep Berry

HEX
#290000
RGB
rgb(41, 0, 0)
HSL
hsl(0, 100%, 8%)
HSB
hsb(0, 100%, 16%)
CMYK
cmyk(0%, 100%, 100%, 84%)
Oklch
oklch(17.6% 0.072 29.2)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#E1E9C2

Willow Green · Wheat · Mint Green

HEX
#E1E9C2
RGB
rgb(225, 233, 194)
HSL
hsl(72, 47%, 84%)
HSB
hsb(72, 17%, 91%)
CMYK
cmyk(3%, 0%, 17%, 9%)
Oklch
oklch(91.8% 0.052 116.9)

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

#FBA29E

Peach Pink · LightSalmon · Coral Red

HEX
#FBA29E
RGB
rgb(251, 162, 158)
HSL
hsl(3, 92%, 80%)
HSB
hsb(3, 37%, 98%)
CMYK
cmyk(0%, 35%, 37%, 2%)
Oklch
oklch(80.0% 0.107 22.5)

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

#F44570

Peach Pink · Tomato · Coral Red

HEX
#F44570
RGB
rgb(244, 69, 112)
HSL
hsl(345, 89%, 61%)
HSB
hsb(345, 72%, 96%)
CMYK
cmyk(0%, 72%, 54%, 4%)
Oklch
oklch(65.4% 0.211 11.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

93D6AB
D694BF

Analogous

9ED694
93D6AB
94D6CC

Triadic

93D6AB
AB94D6
D6AB94

Split-Comp.

93D6AB
CC94D6
D6949E

Tetradic

93D6AB
949ED6
D694BF
D6CC94

Contrast Matrix WCAG 2.1 Contrast

93D6AB
290000
E1E9C2
FBA29E
F44570
—
11.4
AAA
1.3
Fail
1.2
Fail
2.1
Fail
11.4
AAA
—
15.2
AAA
9.8
AAA
5.4
AA
1.3
Fail
15.2
AAA
—
1.5
Fail
2.8
Fail
1.2
Fail
9.8
AAA
1.5
Fail
—
1.8
Fail
2.1
Fail
5.4
AA
2.8
Fail
1.8
Fail
—
White BG
1.7Fail
19.2AAA
1.3Fail
2.0Fail
3.5AA Large
Black BG
12.4AAA
1.1Fail
16.6AAA
10.8AAA
5.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B0B1B5
171700
E4E5CB
D4D49F
A8A766

Deuteranopia

ACA7B8
1A1D00
E4E3CE
DAE09F
B2BF63

Tritanopia

96BEBF
270000
E1D3D5
F7A0A0
EB5D5C

Achromatopsia

BDBDBD
0C0C0C
E2E2E2
BCBCBC
7E7E7E

Shades & Tints Shades & Tints

#93D6AB

Dark
Light

#290000

Dark
Light

#E1E9C2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #93d6ab;
  --color-2: #290000;
  --color-3: #e1e9c2;
  --color-4: #fba29e;
  --color-5: #f44570;
}

SCSS

$color-1: #93d6ab;
$color-2: #290000;
$color-3: #e1e9c2;
$color-4: #fba29e;
$color-5: #f44570;

TAILWIND

colors: {
  'brand-1': '#93d6ab',
  'brand-2': '#290000',
  'brand-3': '#e1e9c2',
  'brand-4': '#fba29e',
  'brand-5': '#f44570',
}

RGB Array

[147, 214, 171], [41, 0, 0], [225, 233, 194], [251, 162, 158], [244, 69, 112]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #93D6AB, #290000, #E1E9C2, #FBA29E, #F44570 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #93d6ab; --color-2: #290000; --color-3: #e1e9c2; --color-4: #fba29e; --color-5: #f44570. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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