← Back to Editor

#C8C7A8 · #82AF98 · #FACDAE · #FF4366 · #FC9D9B

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

#C8C7A8

Fresh Green · Silver · Sunflower

HEX
#C8C7A8
RGB
rgb(200, 199, 168)
HSL
hsl(58, 23%, 72%)
HSB
hsb(58, 16%, 78%)
CMYK
cmyk(0%, 0%, 16%, 22%)
Oklch
oklch(82.2% 0.042 105.8)

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

#82AF98

Celadon · DarkSeaGreen · Olive Green

HEX
#82AF98
RGB
rgb(130, 175, 152)
HSL
hsl(149, 22%, 60%)
HSB
hsb(149, 26%, 69%)
CMYK
cmyk(26%, 0%, 13%, 31%)
Oklch
oklch(71.5% 0.059 162.2)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#FACDAE

Apricot · Wheat · Peach Orange

HEX
#FACDAE
RGB
rgb(250, 205, 174)
HSL
hsl(24, 88%, 83%)
HSB
hsb(24, 30%, 98%)
CMYK
cmyk(0%, 18%, 30%, 2%)
Oklch
oklch(88.0% 0.066 56.3)

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

#FF4366

Peach Pink · Tomato · Coral Red

HEX
#FF4366
RGB
rgb(255, 67, 102)
HSL
hsl(349, 100%, 63%)
HSB
hsb(349, 74%, 100%)
CMYK
cmyk(0%, 74%, 60%, 0%)
Oklch
oklch(66.8% 0.222 15.4)

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

#FC9D9B

Peach Pink · LightSalmon · Coral Red

HEX
#FC9D9B
RGB
rgb(252, 157, 155)
HSL
hsl(1, 94%, 80%)
HSB
hsb(1, 38%, 99%)
CMYK
cmyk(0%, 38%, 38%, 1%)
Oklch
oklch(79.2% 0.114 21.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C8C7A8
A7A8C8

Analogous

C8B7A7
C8C7A8
B9C8A7

Triadic

C8C7A8
A7C8C7
C7A7C8

Split-Comp.

C8C7A8
A7B9C8
B7A7C8

Tetradic

C8C7A8
A7C8B7
A7A8C8
C8A7B9

Contrast Matrix WCAG 2.1 Contrast

C8C7A8
82AF98
FACDAE
FF4366
FC9D9B
—
1.4
Fail
1.2
Fail
2.0
Fail
1.2
Fail
1.4
Fail
—
1.7
Fail
1.4
Fail
1.2
Fail
1.2
Fail
1.7
Fail
—
2.3
Fail
1.4
Fail
2.0
Fail
1.4
Fail
2.3
Fail
—
1.7
Fail
1.2
Fail
1.2
Fail
1.4
Fail
1.7
Fail
—
White BG
1.7Fail
2.5Fail
1.5Fail
3.4AA Large
2.0Fail
Black BG
12.2AAA
8.5AAA
14.4AAA
6.2AA
10.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C8C8B0
95969E
E7E6B6
AEAC5E
D3D29B

Deuteranopia

C8C8B1
93909F
E9EDB7
B9C75B
D8DF9C

Tritanopia

C8B5B7
84A2A3
F8BBBD
F65755
F79C9C

Achromatopsia

C4C4C4
9F9F9F
D7D7D7
7F7F7F
B9B9B9

Shades & Tints Shades & Tints

#C8C7A8

Dark
Light

#82AF98

Dark
Light

#FACDAE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c8c7a8;
  --color-2: #82af98;
  --color-3: #facdae;
  --color-4: #ff4366;
  --color-5: #fc9d9b;
}

SCSS

$color-1: #c8c7a8;
$color-2: #82af98;
$color-3: #facdae;
$color-4: #ff4366;
$color-5: #fc9d9b;

TAILWIND

colors: {
  'brand-1': '#c8c7a8',
  'brand-2': '#82af98',
  'brand-3': '#facdae',
  'brand-4': '#ff4366',
  'brand-5': '#fc9d9b',
}

RGB Array

[200, 199, 168], [130, 175, 152], [250, 205, 174], [255, 67, 102], [252, 157, 155]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C8C7A8, #82AF98, #FACDAE, #FF4366, #FC9D9B 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: #c8c7a8; --color-2: #82af98; --color-3: #facdae; --color-4: #ff4366; --color-5: #fc9d9b. 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