← Back to Editor

#66A49A · #FC793D · #DB403F · #A8258C · #E8CE6E

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

#66A49A

Mineral Blue · CadetBlue · Lake Green

HEX
#66A49A
RGB
rgb(102, 164, 154)
HSL
hsl(170, 25%, 52%)
HSB
hsb(170, 38%, 64%)
CMYK
cmyk(38%, 0%, 6%, 36%)
Oklch
oklch(67.4% 0.066 182.9)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#FC793D

Apricot · Coral · Warm Sun

HEX
#FC793D
RGB
rgb(252, 121, 61)
HSL
hsl(19, 97%, 61%)
HSB
hsb(19, 76%, 99%)
CMYK
cmyk(0%, 52%, 76%, 1%)
Oklch
oklch(72.0% 0.176 43.2)

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

#DB403F

Vermilion · Crimson · Passion Red

HEX
#DB403F
RGB
rgb(219, 64, 63)
HSL
hsl(0, 68%, 55%)
HSB
hsb(0, 71%, 86%)
CMYK
cmyk(0%, 71%, 71%, 14%)
Oklch
oklch(59.9% 0.192 25.4)

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

#A8258C

Rose Purple · MediumVioletRed · Eggplant

HEX
#A8258C
RGB
rgb(168, 37, 140)
HSL
hsl(313, 64%, 40%)
HSB
hsb(313, 78%, 66%)
CMYK
cmyk(0%, 78%, 17%, 34%)
Oklch
oklch(51.3% 0.196 338.4)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#E8CE6E

Ginger · BurlyWood · Sunflower

HEX
#E8CE6E
RGB
rgb(232, 206, 110)
HSL
hsl(47, 73%, 67%)
HSB
hsb(47, 53%, 91%)
CMYK
cmyk(0%, 11%, 53%, 9%)
Oklch
oklch(85.4% 0.120 94.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

66A49A
A36670

Analogous

66A37A
66A49A
668FA3

Triadic

66A49A
9966A3
A39966

Split-Comp.

66A49A
A3668F
A37A66

Tetradic

66A49A
7A66A3
A36670
8FA366

Contrast Matrix WCAG 2.1 Contrast

66A49A
FC793D
DB403F
A8258C
E8CE6E
—
1.1
Fail
1.5
Fail
2.2
Fail
1.8
Fail
1.1
Fail
—
1.6
Fail
2.4
Fail
1.7
Fail
1.5
Fail
1.6
Fail
—
1.5
Fail
2.8
Fail
2.2
Fail
2.4
Fail
1.5
Fail
—
4.1
AA Large
1.8
Fail
1.7
Fail
2.8
Fail
4.1
AA Large
—
White BG
2.9Fail
2.6Fail
4.4AA Large
6.3AA
1.6Fail
Black BG
7.3AAA
7.9AAA
4.8AA
3.3AA Large
13.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

81819C
C3C24C
98963F
6F6E73
DDDD85

Deuteranopia

7D799D
CBD54F
A1AC3F
77816D
DEE08B

Tritanopia

699E9F
F5575A
D33F3F
A15F5B
E7989C

Achromatopsia

909090
999999
6E6E6E
585858
CBCBCB

Shades & Tints Shades & Tints

#66A49A

Dark
Light

#FC793D

Dark
Light

#DB403F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #66a49a;
  --color-2: #fc793d;
  --color-3: #db403f;
  --color-4: #a8258c;
  --color-5: #e8ce6e;
}

SCSS

$color-1: #66a49a;
$color-2: #fc793d;
$color-3: #db403f;
$color-4: #a8258c;
$color-5: #e8ce6e;

TAILWIND

colors: {
  'brand-1': '#66a49a',
  'brand-2': '#fc793d',
  'brand-3': '#db403f',
  'brand-4': '#a8258c',
  'brand-5': '#e8ce6e',
}

RGB Array

[102, 164, 154], [252, 121, 61], [219, 64, 63], [168, 37, 140], [232, 206, 110]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #66A49A, #FC793D, #DB403F, #A8258C, #E8CE6E 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: #66a49a; --color-2: #fc793d; --color-3: #db403f; --color-4: #a8258c; --color-5: #e8ce6e. 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