← Back to Editor

#595959 · #FC7474 · #FC9C7C · #FCDB77 · #FFBCA6

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

#595959

Ink Gray · DimGray · Charcoal

HEX
#595959
RGB
rgb(89, 89, 89)
HSL
hsl(0, 0%, 35%)
HSB
hsb(0, 0%, 35%)
CMYK
cmyk(0%, 0%, 0%, 65%)
Oklch
oklch(46.4% 0.000 89.9)

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

#FC7474

Peach Pink · Salmon · Coral Red

HEX
#FC7474
RGB
rgb(252, 116, 116)
HSL
hsl(0, 96%, 72%)
HSB
hsb(0, 54%, 99%)
CMYK
cmyk(0%, 54%, 54%, 1%)
Oklch
oklch(72.1% 0.167 22.1)

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

#FC9C7C

Apricot · LightSalmon · Warm Sun

HEX
#FC9C7C
RGB
rgb(252, 156, 124)
HSL
hsl(15, 96%, 74%)
HSB
hsb(15, 51%, 99%)
CMYK
cmyk(0%, 38%, 51%, 1%)
Oklch
oklch(78.4% 0.124 39.2)

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

#FCDB77

Goose Yellow · Khaki · Sunflower

HEX
#FCDB77
RGB
rgb(252, 219, 119)
HSL
hsl(45, 96%, 73%)
HSB
hsb(45, 53%, 99%)
CMYK
cmyk(0%, 13%, 53%, 1%)
Oklch
oklch(89.9% 0.125 91.5)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#FFBCA6

Apricot · LightPink · Peach Orange

HEX
#FFBCA6
RGB
rgb(255, 188, 166)
HSL
hsl(15, 100%, 83%)
HSB
hsb(15, 35%, 100%)
CMYK
cmyk(0%, 26%, 35%, 0%)
Oklch
oklch(85.1% 0.084 38.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

595959
595959

Analogous

595959
595959
595959

Triadic

595959
595959
595959

Split-Comp.

595959
595959
595959

Tetradic

595959
595959
595959
595959

Contrast Matrix WCAG 2.1 Contrast

595959
FC7474
FC9C7C
FCDB77
FFBCA6
—
2.6
Fail
3.4
AA Large
5.2
AA
4.3
AA Large
2.6
Fail
—
1.3
Fail
2.0
Fail
1.6
Fail
3.4
AA Large
1.3
Fail
—
1.5
Fail
1.3
Fail
5.2
AA
2.0
Fail
1.5
Fail
—
1.2
Fail
4.3
AA Large
1.6
Fail
1.3
Fail
1.2
Fail
—
White BG
7.0AAA
2.7Fail
2.1Fail
1.4Fail
1.6Fail
Black BG
3.0Fail
7.9AAA
10.2AAA
15.5AAA
13.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

595959
C1C074
D2D284
EEED8F
E2E1AB

Deuteranopia

595959
C9D374
D8DF86
F0F295
E6EBAD

Tritanopia

595959
F57474
F78A8B
FAA2A7
FCB0B0

Achromatopsia

595959
9D9D9D
B5B5B5
D9D9D9
CECECE

Shades & Tints Shades & Tints

#595959

Dark
Light

#FC7474

Dark
Light

#FC9C7C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #595959;
  --color-2: #fc7474;
  --color-3: #fc9c7c;
  --color-4: #fcdb77;
  --color-5: #ffbca6;
}

SCSS

$color-1: #595959;
$color-2: #fc7474;
$color-3: #fc9c7c;
$color-4: #fcdb77;
$color-5: #ffbca6;

TAILWIND

colors: {
  'brand-1': '#595959',
  'brand-2': '#fc7474',
  'brand-3': '#fc9c7c',
  'brand-4': '#fcdb77',
  'brand-5': '#ffbca6',
}

RGB Array

[89, 89, 89], [252, 116, 116], [252, 156, 124], [252, 219, 119], [255, 188, 166]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #595959, #FC7474, #FC9C7C, #FCDB77, #FFBCA6 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, 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: #595959; --color-2: #fc7474; --color-3: #fc9c7c; --color-4: #fcdb77; --color-5: #ffbca6. 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. 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