← Back to Editor

#FF0155 · #524938 · #FA4B79 · #F1DFC2 · #F4B9AF

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

Color Details Color Details

#FF0155

Dark Violet · Crimson · Camellia

HEX
#FF0155
RGB
rgb(255, 1, 85)
HSL
hsl(340, 100%, 50%)
HSB
hsb(340, 100%, 100%)
CMYK
cmyk(0%, 100%, 67%, 0%)
Oklch
oklch(63.6% 0.254 15.5)

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

#524938

Ochre · DarkOliveGreen · Amber Brown

HEX
#524938
RGB
rgb(82, 73, 56)
HSL
hsl(39, 19%, 27%)
HSB
hsb(39, 32%, 32%)
CMYK
cmyk(0%, 11%, 32%, 68%)
Oklch
oklch(40.9% 0.030 83.2)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#FA4B79

Rouge · Salmon · Rose Pink

HEX
#FA4B79
RGB
rgb(250, 75, 121)
HSL
hsl(344, 95%, 64%)
HSB
hsb(344, 70%, 98%)
CMYK
cmyk(0%, 70%, 52%, 2%)
Oklch
oklch(67.1% 0.211 9.4)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#F1DFC2

Goose Yellow · Bisque · Peach Orange

HEX
#F1DFC2
RGB
rgb(241, 223, 194)
HSL
hsl(37, 63%, 85%)
HSB
hsb(37, 20%, 95%)
CMYK
cmyk(0%, 7%, 20%, 5%)
Oklch
oklch(91.1% 0.043 79.8)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#F4B9AF

Peach Pink · LightPink · Cherry Blossom

HEX
#F4B9AF
RGB
rgb(244, 185, 175)
HSL
hsl(9, 76%, 82%)
HSB
hsb(9, 28%, 96%)
CMYK
cmyk(0%, 24%, 28%, 4%)
Oklch
oklch(83.7% 0.070 29.6)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF0155
00FFAA

Analogous

FF00D4
FF0155
FF2B00

Triadic

FF0155
55FF00
0055FF

Split-Comp.

FF0155
00FF2A
00D5FF

Tetradic

FF0155
D4FF00
00FFAA
2B00FF

Contrast Matrix WCAG 2.1 Contrast

FF0155
524938
FA4B79
F1DFC2
F4B9AF
—
2.3
Fail
1.2
Fail
3.0
Fail
2.3
Fail
2.3
Fail
—
2.7
Fail
6.8
AA
5.2
AA
1.2
Fail
2.7
Fail
—
2.5
Fail
2.0
Fail
3.0
Fail
6.8
AA
2.5
Fail
—
1.3
Fail
2.3
Fail
5.2
AA
2.0
Fail
1.3
Fail
—
White BG
3.9AA Large
8.9AAA
3.3AA Large
1.3Fail
1.7Fail
Black BG
5.4AA
2.4Fail
6.3AA
16.1AAA
12.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

918F41
4E4E3C
AEAD6E
E9E9C9
DADAB1

Deuteranopia

A0B33C
4F4F3D
B8C66B
EAECCB
DEE2B2

Tritanopia

F2312D
523F40
F16563
F0CFD0
F1B3B4

Achromatopsia

575757
4A4A4A
858585
E1E1E1
CACACA

Shades & Tints Shades & Tints

#FF0155

Dark
Light

#524938

Dark
Light

#FA4B79

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff0155;
  --color-2: #524938;
  --color-3: #fa4b79;
  --color-4: #f1dfc2;
  --color-5: #f4b9af;
}

SCSS

$color-1: #ff0155;
$color-2: #524938;
$color-3: #fa4b79;
$color-4: #f1dfc2;
$color-5: #f4b9af;

TAILWIND

colors: {
  'brand-1': '#ff0155',
  'brand-2': '#524938',
  'brand-3': '#fa4b79',
  'brand-4': '#f1dfc2',
  'brand-5': '#f4b9af',
}

RGB Array

[255, 1, 85], [82, 73, 56], [250, 75, 121], [241, 223, 194], [244, 185, 175]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This skin-style palette of #FF0155, #524938, #FA4B79, #F1DFC2, #F4B9AF 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: #ff0155; --color-2: #524938; --color-3: #fa4b79; --color-4: #f1dfc2; --color-5: #f4b9af. 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 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