← Back to Editor

#FC6A6A · #595757 · #72B5A4 · #FCD86A · #FFAE6B

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

#FC6A6A

Peach Pink · Salmon · Coral Red

HEX
#FC6A6A
RGB
rgb(252, 106, 106)
HSL
hsl(0, 96%, 70%)
HSB
hsb(0, 58%, 99%)
CMYK
cmyk(0%, 58%, 58%, 1%)
Oklch
oklch(70.6% 0.179 22.8)

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

#595757

Ink Gray · DimGray · Charcoal

HEX
#595757
RGB
rgb(89, 87, 87)
HSL
hsl(0, 1%, 35%)
HSB
hsb(0, 2%, 35%)
CMYK
cmyk(0%, 2%, 2%, 65%)
Oklch
oklch(45.9% 0.003 17.3)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#72B5A4

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#72B5A4
RGB
rgb(114, 181, 164)
HSL
hsl(165, 31%, 58%)
HSB
hsb(165, 37%, 71%)
CMYK
cmyk(37%, 0%, 9%, 29%)
Oklch
oklch(72.3% 0.073 176.3)

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

#FCD86A

Ginger · Khaki · Sunflower

HEX
#FCD86A
RGB
rgb(252, 216, 106)
HSL
hsl(45, 96%, 70%)
HSB
hsb(45, 58%, 99%)
CMYK
cmyk(0%, 14%, 58%, 1%)
Oklch
oklch(89.2% 0.135 91.4)

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

#FFAE6B

Apricot · SandyBrown · Warm Sun

HEX
#FFAE6B
RGB
rgb(255, 174, 107)
HSL
hsl(27, 100%, 71%)
HSB
hsb(27, 58%, 100%)
CMYK
cmyk(0%, 32%, 58%, 0%)
Oklch
oklch(81.6% 0.126 59.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FC6A6A
69FCFC

Analogous

FC69B3
FC6A6A
FCB369

Triadic

FC6A6A
69FC69
6969FC

Split-Comp.

FC6A6A
69FCB3
69B3FC

Tetradic

FC6A6A
B3FC69
69FCFC
B369FC

Contrast Matrix WCAG 2.1 Contrast

FC6A6A
595757
72B5A4
FCD86A
FFAE6B
—
2.5
Fail
1.2
Fail
2.0
Fail
1.6
Fail
2.5
Fail
—
3.0
AA Large
5.2
AA
3.9
AA Large
1.2
Fail
3.0
AA Large
—
1.7
Fail
1.3
Fail
2.0
Fail
5.2
AA
1.7
Fail
—
1.3
Fail
1.6
Fail
3.9
AA Large
1.3
Fail
1.3
Fail
—
White BG
2.8Fail
7.2AAA
2.4Fail
1.4Fail
1.8Fail
Black BG
7.4AAA
2.9Fail
8.9AAA
15.2AAA
11.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BDBB6A
585857
8F90A8
ECEC85
DCDB7B

Deuteranopia

C5D06A
585857
8B86A9
EFF18B
E1E77F

Tritanopia

F56A6A
595757
75ABAC
FA9A9E
FB888B

Achromatopsia

969696
585858
9F9F9F
D6D6D6
BFBFBF

Shades & Tints Shades & Tints

#FC6A6A

Dark
Light

#595757

Dark
Light

#72B5A4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fc6a6a;
  --color-2: #595757;
  --color-3: #72b5a4;
  --color-4: #fcd86a;
  --color-5: #ffae6b;
}

SCSS

$color-1: #fc6a6a;
$color-2: #595757;
$color-3: #72b5a4;
$color-4: #fcd86a;
$color-5: #ffae6b;

TAILWIND

colors: {
  'brand-1': '#fc6a6a',
  'brand-2': '#595757',
  'brand-3': '#72b5a4',
  'brand-4': '#fcd86a',
  'brand-5': '#ffae6b',
}

RGB Array

[252, 106, 106], [89, 87, 87], [114, 181, 164], [252, 216, 106], [255, 174, 107]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FC6A6A, #595757, #72B5A4, #FCD86A, #FFAE6B 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: #fc6a6a; --color-2: #595757; --color-3: #72b5a4; --color-4: #fcd86a; --color-5: #ffae6b. 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