← Back to Editor

#94DCCB · #EAC2AD · #F188A1 · #E9616D · #9A173D

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

Color Details Color Details

#94DCCB

Jade · LightBlue · Lake Green

HEX
#94DCCB
RGB
rgb(148, 220, 203)
HSL
hsl(166, 51%, 72%)
HSB
hsb(166, 33%, 86%)
CMYK
cmyk(33%, 0%, 8%, 14%)
Oklch
oklch(84.2% 0.076 177.9)

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

#EAC2AD

Apricot · Wheat · Peach Orange

HEX
#EAC2AD
RGB
rgb(234, 194, 173)
HSL
hsl(21, 59%, 80%)
HSB
hsb(21, 26%, 92%)
CMYK
cmyk(0%, 17%, 26%, 8%)
Oklch
oklch(84.3% 0.054 49.3)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#F188A1

Peach Pink · LightCoral · Coral Red

HEX
#F188A1
RGB
rgb(241, 136, 161)
HSL
hsl(346, 79%, 74%)
HSB
hsb(346, 44%, 95%)
CMYK
cmyk(0%, 44%, 33%, 5%)
Oklch
oklch(74.6% 0.130 5.5)

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

#E9616D

Peach Pink · Salmon · Coral Red

HEX
#E9616D
RGB
rgb(233, 97, 109)
HSL
hsl(355, 76%, 65%)
HSB
hsb(355, 58%, 91%)
CMYK
cmyk(0%, 58%, 53%, 9%)
Oklch
oklch(66.7% 0.169 17.6)

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

#9A173D

Dark Violet · Brown · Camellia

HEX
#9A173D
RGB
rgb(154, 23, 61)
HSL
hsl(343, 74%, 35%)
HSB
hsb(343, 85%, 60%)
CMYK
cmyk(0%, 85%, 60%, 40%)
Oklch
oklch(44.9% 0.164 11.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

94DCCB
DC93A4

Analogous

93DCA7
94DCCB
93C9DC

Triadic

94DCCB
CB93DC
DCCB93

Split-Comp.

94DCCB
DC93C9
DCA793

Tetradic

94DCCB
A793DC
DC93A4
C9DC93

Contrast Matrix WCAG 2.1 Contrast

94DCCB
EAC2AD
F188A1
E9616D
9A173D
—
1.0
Fail
1.5
Fail
2.1
Fail
5.2
AA
1.0
Fail
—
1.5
Fail
2.0
Fail
5.0
AA
1.5
Fail
1.5
Fail
—
1.4
Fail
3.4
AA Large
2.1
Fail
2.0
Fail
1.4
Fail
—
2.5
Fail
5.2
AA
5.0
AA
3.4
AA Large
2.5
Fail
—
White BG
1.6Fail
1.6Fail
2.4Fail
3.3AA Large
8.2AAA
Black BG
13.4AAA
12.8AAA
8.8AAA
6.4AA
2.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B3B4CF
D9D8B2
C4C39B
AEAD6A
616034

Deuteranopia

AFAAD0
DBDEB3
CAD29A
B6C069
697332

Tritanopia

98D2D3
E8B6B7
EC9695
E26867
932D2B

Achromatopsia

C5C5C5
CCCCCC
AAAAAA
8B8B8B
434343

Shades & Tints Shades & Tints

#94DCCB

Dark
Light

#EAC2AD

Dark
Light

#F188A1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #94dccb;
  --color-2: #eac2ad;
  --color-3: #f188a1;
  --color-4: #e9616d;
  --color-5: #9a173d;
}

SCSS

$color-1: #94dccb;
$color-2: #eac2ad;
$color-3: #f188a1;
$color-4: #e9616d;
$color-5: #9a173d;

TAILWIND

colors: {
  'brand-1': '#94dccb',
  'brand-2': '#eac2ad',
  'brand-3': '#f188a1',
  'brand-4': '#e9616d',
  'brand-5': '#9a173d',
}

RGB Array

[148, 220, 203], [234, 194, 173], [241, 136, 161], [233, 97, 109], [154, 23, 61]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #94DCCB, #EAC2AD, #F188A1, #E9616D, #9A173D is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, 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: #94dccb; --color-2: #eac2ad; --color-3: #f188a1; --color-4: #e9616d; --color-5: #9a173d. 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. 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