← Back to Editor

#FF005A · #F95E7F · #F39899 · #ECCAB7 · #94978F

skin

A 5-color skin 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

#FF005A

Dark Violet · Crimson · Camellia

HEX
#FF005A
RGB
rgb(255, 0, 90)
HSL
hsl(339, 100%, 50%)
HSB
hsb(339, 100%, 100%)
CMYK
cmyk(0%, 100%, 65%, 0%)
Oklch
oklch(63.6% 0.254 14.0)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#F95E7F

Peach Pink · LightCoral · Coral Red

HEX
#F95E7F
RGB
rgb(249, 94, 127)
HSL
hsl(347, 93%, 67%)
HSB
hsb(347, 62%, 98%)
CMYK
cmyk(0%, 62%, 49%, 2%)
Oklch
oklch(69.1% 0.190 10.7)

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

#F39899

Peach Pink · DarkSalmon · Coral Red

HEX
#F39899
RGB
rgb(243, 152, 153)
HSL
hsl(359, 79%, 77%)
HSB
hsb(359, 37%, 95%)
CMYK
cmyk(0%, 37%, 37%, 5%)
Oklch
oklch(77.3% 0.110 19.2)

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

#ECCAB7

Apricot · Wheat · Peach Orange

HEX
#ECCAB7
RGB
rgb(236, 202, 183)
HSL
hsl(22, 58%, 82%)
HSB
hsb(22, 22%, 93%)
CMYK
cmyk(0%, 14%, 22%, 7%)
Oklch
oklch(86.3% 0.046 51.0)

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

#94978F

Ash · Gray · Silver Sand

HEX
#94978F
RGB
rgb(148, 151, 143)
HSL
hsl(82, 4%, 58%)
HSB
hsb(82, 5%, 59%)
CMYK
cmyk(2%, 0%, 5%, 41%)
Oklch
oklch(67.2% 0.012 123.6)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF005A
00FFA6

Analogous

FF00D9
FF005A
FF2600

Triadic

FF005A
59FF00
0059FF

Split-Comp.

FF005A
00FF26
00D9FF

Tetradic

FF005A
D9FF00
00FFA6
2600FF

Contrast Matrix WCAG 2.1 Contrast

FF005A
F95E7F
F39899
ECCAB7
94978F
—
1.3
Fail
1.8
Fail
2.5
Fail
1.3
Fail
1.3
Fail
—
1.4
Fail
2.0
Fail
1.0
Fail
1.8
Fail
1.4
Fail
—
1.4
Fail
1.4
Fail
2.5
Fail
2.0
Fail
1.4
Fail
—
1.9
Fail
1.3
Fail
1.0
Fail
1.4
Fail
1.9
Fail
—
White BG
3.9AA Large
3.0AA Large
2.2Fail
1.5Fail
3.0Fail
Black BG
5.4AA
6.9AA
9.8AAA
13.7AAA
7.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

918E44
B6B477
CCCB99
DDDDBC
959591

Deuteranopia

9FB33F
BFCA75
D1D899
DFE2BD
959591

Tritanopia

F2332F
F1716F
EE9999
EABFC0
949293

Achromatopsia

575757
909090
B3B3B3
D2D2D2
959595

Shades & Tints Shades & Tints

#FF005A

Dark
Light

#F95E7F

Dark
Light

#F39899

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff005a;
  --color-2: #f95e7f;
  --color-3: #f39899;
  --color-4: #eccab7;
  --color-5: #94978f;
}

SCSS

$color-1: #ff005a;
$color-2: #f95e7f;
$color-3: #f39899;
$color-4: #eccab7;
$color-5: #94978f;

TAILWIND

colors: {
  'brand-1': '#ff005a',
  'brand-2': '#f95e7f',
  'brand-3': '#f39899',
  'brand-4': '#eccab7',
  'brand-5': '#94978f',
}

RGB Array

[255, 0, 90], [249, 94, 127], [243, 152, 153], [236, 202, 183], [148, 151, 143]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This skin-style palette of #FF005A, #F95E7F, #F39899, #ECCAB7, #94978F 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: #ff005a; --color-2: #f95e7f; --color-3: #f39899; --color-4: #eccab7; --color-5: #94978f. 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 skin-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