← Back to Editor

#C66E7C · #A69470 · #CDA75E · #FFA876 · #FFC5C6

summer

A 5-color summer 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

#C66E7C

Crimson · LightCoral · Passion Red

HEX
#C66E7C
RGB
rgb(198, 110, 124)
HSL
hsl(350, 44%, 60%)
HSB
hsb(350, 44%, 78%)
CMYK
cmyk(0%, 44%, 37%, 22%)
Oklch
oklch(64.1% 0.112 10.6)

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

#A69470

Ginger · Gray · Sunflower

HEX
#A69470
RGB
rgb(166, 148, 112)
HSL
hsl(40, 23%, 55%)
HSB
hsb(40, 33%, 65%)
CMYK
cmyk(0%, 11%, 33%, 35%)
Oklch
oklch(67.3% 0.054 84.4)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#CDA75E

Ginger · SandyBrown · Warm Sun

HEX
#CDA75E
RGB
rgb(205, 167, 94)
HSL
hsl(39, 53%, 59%)
HSB
hsb(39, 54%, 80%)
CMYK
cmyk(0%, 19%, 54%, 20%)
Oklch
oklch(74.7% 0.102 82.4)

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

#FFA876

Apricot · LightSalmon · Warm Sun

HEX
#FFA876
RGB
rgb(255, 168, 118)
HSL
hsl(22, 100%, 73%)
HSB
hsb(22, 54%, 100%)
CMYK
cmyk(0%, 34%, 54%, 0%)
Oklch
oklch(80.7% 0.122 50.2)

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

#FFC5C6

Peach Pink · Pink · Cherry Blossom

HEX
#FFC5C6
RGB
rgb(255, 197, 198)
HSL
hsl(359, 100%, 89%)
HSB
hsb(359, 23%, 100%)
CMYK
cmyk(0%, 23%, 22%, 0%)
Oklch
oklch(87.5% 0.066 17.4)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C66E7C
6CC6B7

Analogous

C66CA8
C66E7C
C68A6C

Triadic

C66E7C
7BC66C
6C7BC6

Split-Comp.

C66E7C
6CC68A
6CA8C6

Tetradic

C66E7C
A8C66C
6CC6B7
8A6CC6

Contrast Matrix WCAG 2.1 Contrast

C66E7C
A69470
CDA75E
FFA876
FFC5C6
—
1.2
Fail
1.6
Fail
1.9
Fail
2.4
Fail
1.2
Fail
—
1.3
Fail
1.6
Fail
2.0
Fail
1.6
Fail
1.3
Fail
—
1.2
Fail
1.5
Fail
1.9
Fail
1.6
Fail
1.2
Fail
—
1.3
Fail
2.4
Fail
2.0
Fail
1.5
Fail
1.3
Fail
—
White BG
3.5AA Large
3.0Fail
2.3Fail
1.9Fail
1.5Fail
Black BG
5.9AA
7.1AAA
9.3AAA
11.1AAA
14.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A09F79
9E9E79
BDBC70
D9D982
E6E5C6

Deuteranopia

A5AC78
9FA17B
BFC274
DEE585
E9EEC6

Tritanopia

C27675
A58081
CB7E81
FB8C8E
FCC6C6

Achromatopsia

8A8A8A
959595
AAAAAA
BCBCBC
D6D6D6

Shades & Tints Shades & Tints

#C66E7C

Dark
Light

#A69470

Dark
Light

#CDA75E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c66e7c;
  --color-2: #a69470;
  --color-3: #cda75e;
  --color-4: #ffa876;
  --color-5: #ffc5c6;
}

SCSS

$color-1: #c66e7c;
$color-2: #a69470;
$color-3: #cda75e;
$color-4: #ffa876;
$color-5: #ffc5c6;

TAILWIND

colors: {
  'brand-1': '#c66e7c',
  'brand-2': '#a69470',
  'brand-3': '#cda75e',
  'brand-4': '#ffa876',
  'brand-5': '#ffc5c6',
}

RGB Array

[198, 110, 124], [166, 148, 112], [205, 167, 94], [255, 168, 118], [255, 197, 198]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This summer-style palette of #C66E7C, #A69470, #CDA75E, #FFA876, #FFC5C6 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. 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: #c66e7c; --color-2: #a69470; --color-3: #cda75e; --color-4: #ffa876; --color-5: #ffc5c6. 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. 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 summer-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