← Back to Editor

#FFC0A2 · #FC9C84 · #FF806F · #F0446C · #362223

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

Color Details Color Details

#FFC0A2

Apricot · LightPink · Peach Orange

HEX
#FFC0A2
RGB
rgb(255, 192, 162)
HSL
hsl(19, 100%, 82%)
HSB
hsb(19, 36%, 100%)
CMYK
cmyk(0%, 25%, 36%, 0%)
Oklch
oklch(85.8% 0.083 46.6)

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

#FC9C84

Peach Pink · LightSalmon · Coral Red

HEX
#FC9C84
RGB
rgb(252, 156, 132)
HSL
hsl(12, 95%, 75%)
HSB
hsb(12, 48%, 99%)
CMYK
cmyk(0%, 38%, 48%, 1%)
Oklch
oklch(78.5% 0.121 34.8)

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

#FF806F

Peach Pink · Salmon · Coral Red

HEX
#FF806F
RGB
rgb(255, 128, 111)
HSL
hsl(7, 100%, 72%)
HSB
hsb(7, 56%, 100%)
CMYK
cmyk(0%, 50%, 56%, 0%)
Oklch
oklch(74.1% 0.158 29.2)

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

#F0446C

Vermilion · Tomato · Passion Red

HEX
#F0446C
RGB
rgb(240, 68, 108)
HSL
hsl(346, 85%, 60%)
HSB
hsb(346, 72%, 94%)
CMYK
cmyk(0%, 72%, 55%, 6%)
Oklch
oklch(64.6% 0.208 11.8)

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

#362223

Crimson · DarkSlateGray · Deep Berry

HEX
#362223
RGB
rgb(54, 34, 35)
HSL
hsl(357, 23%, 17%)
HSB
hsb(357, 37%, 21%)
CMYK
cmyk(0%, 37%, 35%, 79%)
Oklch
oklch(27.7% 0.031 16.0)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFC0A2
A3E2FF

Analogous

FFA3B4
FFC0A2
FFEEA3

Triadic

FFC0A2
A3FFC0
C0A3FF

Split-Comp.

FFC0A2
A3FFEE
A3B4FF

Tetradic

FFC0A2
B4FFA3
A3E2FF
EEA3FF

Contrast Matrix WCAG 2.1 Contrast

FFC0A2
FC9C84
FF806F
F0446C
362223
—
1.3
Fail
1.6
Fail
2.3
Fail
9.4
AAA
1.3
Fail
—
1.2
Fail
1.8
Fail
7.3
AAA
1.6
Fail
1.2
Fail
—
1.5
Fail
6.1
AA
2.3
Fail
1.8
Fail
1.5
Fail
—
4.1
AA Large
9.4
AAA
7.3
AAA
6.1
AA
4.1
AA Large
—
White BG
1.6Fail
2.1Fail
2.5Fail
3.7AA Large
14.9AAA
Black BG
13.3AAA
10.2AAA
8.6AAA
5.7AA
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E4E3A9
D2D28A
C8C773
A6A462
2D2D23

Deuteranopia

E7ECAB
D8DF8B
CFD974
B0BC60
2F3023

Tritanopia

FCAFB0
F78E8F
F97677
E75B59
352323

Achromatopsia

CFCFCF
B6B6B6
A4A4A4
7C7C7C
282828

Shades & Tints Shades & Tints

#FFC0A2

Dark
Light

#FC9C84

Dark
Light

#FF806F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffc0a2;
  --color-2: #fc9c84;
  --color-3: #ff806f;
  --color-4: #f0446c;
  --color-5: #362223;
}

SCSS

$color-1: #ffc0a2;
$color-2: #fc9c84;
$color-3: #ff806f;
$color-4: #f0446c;
$color-5: #362223;

TAILWIND

colors: {
  'brand-1': '#ffc0a2',
  'brand-2': '#fc9c84',
  'brand-3': '#ff806f',
  'brand-4': '#f0446c',
  'brand-5': '#362223',
}

RGB Array

[255, 192, 162], [252, 156, 132], [255, 128, 111], [240, 68, 108], [54, 34, 35]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFC0A2, #FC9C84, #FF806F, #F0446C, #362223 is ideal for: social media posters, mobile apps, e-commerce promos, 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: #ffc0a2; --color-2: #fc9c84; --color-3: #ff806f; --color-4: #f0446c; --color-5: #362223. 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. 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