← Back to Editor

#C7CA9F · #F3E7A7 · #FFAA84 · #BA414D · #FC6864

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

#C7CA9F

Fresh Green · Tan · Sunflower

HEX
#C7CA9F
RGB
rgb(199, 202, 159)
HSL
hsl(64, 29%, 71%)
HSB
hsb(64, 21%, 79%)
CMYK
cmyk(1%, 0%, 21%, 21%)
Oklch
oklch(82.6% 0.058 110.9)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#F3E7A7

Fresh Green · Wheat · Lemon Cream

HEX
#F3E7A7
RGB
rgb(243, 231, 167)
HSL
hsl(51, 76%, 80%)
HSB
hsb(51, 31%, 95%)
CMYK
cmyk(0%, 5%, 31%, 5%)
Oklch
oklch(92.3% 0.083 98.8)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#FFAA84

Apricot · LightSalmon · Peach Orange

HEX
#FFAA84
RGB
rgb(255, 170, 132)
HSL
hsl(19, 100%, 76%)
HSB
hsb(19, 48%, 100%)
CMYK
cmyk(0%, 33%, 48%, 0%)
Oklch
oklch(81.3% 0.113 44.8)

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

#BA414D

Crimson · Sienna · Passion Red

HEX
#BA414D
RGB
rgb(186, 65, 77)
HSL
hsl(354, 48%, 49%)
HSB
hsb(354, 65%, 73%)
CMYK
cmyk(0%, 65%, 59%, 27%)
Oklch
oklch(54.8% 0.156 18.2)

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

#FC6864

Peach Pink · Salmon · Coral Red

HEX
#FC6864
RGB
rgb(252, 104, 100)
HSL
hsl(2, 96%, 69%)
HSB
hsb(2, 60%, 99%)
CMYK
cmyk(0%, 59%, 60%, 1%)
Oklch
oklch(70.2% 0.182 24.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C7CA9F
A2A0CA

Analogous

CAB8A0
C7CA9F
B2CAA0

Triadic

C7CA9F
A0C8CA
CAA0C8

Split-Comp.

C7CA9F
A0B2CA
B8A0CA

Tetradic

C7CA9F
A0CAB8
A2A0CA
CAA0B2

Contrast Matrix WCAG 2.1 Contrast

C7CA9F
F3E7A7
FFAA84
BA414D
FC6864
—
1.4
Fail
1.1
Fail
3.1
AA Large
1.7
Fail
1.4
Fail
—
1.5
Fail
4.3
AA Large
2.3
Fail
1.1
Fail
1.5
Fail
—
2.9
Fail
1.6
Fail
3.1
AA Large
4.3
AA Large
2.9
Fail
—
1.8
Fail
1.7
Fail
2.3
Fail
1.6
Fail
1.8
Fail
—
White BG
1.7Fail
1.3Fail
1.9Fail
5.3AA
2.9Fail
Black BG
12.4AAA
16.8AAA
11.3AAA
4.0AA Large
7.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C8C8A9
EEEEB6
DAD98D
86854A
BCBB65

Deuteranopia

C8C8AC
EFEFBA
DFE68F
8D9649
C5D065

Tritanopia

C7B2B3
F2C3C5
FB9496
B44847
F56666

Achromatopsia

C4C4C4
E3E3E3
BFBFBF
676767
949494

Shades & Tints Shades & Tints

#C7CA9F

Dark
Light

#F3E7A7

Dark
Light

#FFAA84

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c7ca9f;
  --color-2: #f3e7a7;
  --color-3: #ffaa84;
  --color-4: #ba414d;
  --color-5: #fc6864;
}

SCSS

$color-1: #c7ca9f;
$color-2: #f3e7a7;
$color-3: #ffaa84;
$color-4: #ba414d;
$color-5: #fc6864;

TAILWIND

colors: {
  'brand-1': '#c7ca9f',
  'brand-2': '#f3e7a7',
  'brand-3': '#ffaa84',
  'brand-4': '#ba414d',
  'brand-5': '#fc6864',
}

RGB Array

[199, 202, 159], [243, 231, 167], [255, 170, 132], [186, 65, 77], [252, 104, 100]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C7CA9F, #F3E7A7, #FFAA84, #BA414D, #FC6864 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: #c7ca9f; --color-2: #f3e7a7; --color-3: #ffaa84; --color-4: #ba414d; --color-5: #fc6864. 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 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