← Back to Editor

#F37173 · #CF877B · #EBC39F · #F6D5B2 · #483727

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

#F37173

Peach Pink · Salmon · Coral Red

HEX
#F37173
RGB
rgb(243, 113, 115)
HSL
hsl(359, 84%, 70%)
HSB
hsb(359, 53%, 95%)
CMYK
cmyk(0%, 53%, 53%, 5%)
Oklch
oklch(70.4% 0.160 21.1)

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

#CF877B

Peach Pink · DarkSalmon · Coral Red

HEX
#CF877B
RGB
rgb(207, 135, 123)
HSL
hsl(9, 47%, 65%)
HSB
hsb(9, 41%, 81%)
CMYK
cmyk(0%, 35%, 41%, 19%)
Oklch
oklch(69.4% 0.091 29.9)

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

#EBC39F

Apricot · BurlyWood · Peach Orange

HEX
#EBC39F
RGB
rgb(235, 195, 159)
HSL
hsl(28, 66%, 77%)
HSB
hsb(28, 32%, 92%)
CMYK
cmyk(0%, 17%, 32%, 8%)
Oklch
oklch(84.3% 0.066 63.7)

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

#F6D5B2

Goose Yellow · Wheat · Peach Orange

HEX
#F6D5B2
RGB
rgb(246, 213, 178)
HSL
hsl(31, 79%, 83%)
HSB
hsb(31, 28%, 96%)
CMYK
cmyk(0%, 13%, 28%, 4%)
Oklch
oklch(89.2% 0.059 68.6)

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

#483727

Tangerine · DarkSlateGray · Cinnamon

HEX
#483727
RGB
rgb(72, 55, 39)
HSL
hsl(29, 30%, 22%)
HSB
hsb(29, 46%, 28%)
CMYK
cmyk(0%, 24%, 46%, 72%)
Oklch
oklch(35.1% 0.036 64.5)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F37173
72F3F1

Analogous

F372B5
F37173
F3B072

Triadic

F37173
74F372
7274F3

Split-Comp.

F37173
72F3B0
72B5F3

Tetradic

F37173
B5F372
72F3F1
B072F3

Contrast Matrix WCAG 2.1 Contrast

F37173
CF877B
EBC39F
F6D5B2
483727
—
1.0
Fail
1.7
Fail
2.0
Fail
4.0
AA Large
1.0
Fail
—
1.7
Fail
2.0
Fail
4.0
AA Large
1.7
Fail
1.7
Fail
—
1.2
Fail
6.9
AA
2.0
Fail
2.0
Fail
1.2
Fail
—
8.1
AAA
4.0
AA Large
4.0
AA Large
6.9
AA
8.1
AAA
—
White BG
2.8Fail
2.8Fail
1.6Fail
1.4Fail
11.3AAA
Black BG
7.4AAA
7.4AAA
12.8AAA
15.1AAA
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BBBA73
B0AF7E
DAD9A8
E8E7BA
41402B

Deuteranopia

C2CC72
B4B97F
DCDFAA
EAECBD
42432C

Tritanopia

ED7272
CB8081
E9AFB0
F4C1C3
472E2F

Achromatopsia

989898
9B9B9B
CBCBCB
DBDBDB
3A3A3A

Shades & Tints Shades & Tints

#F37173

Dark
Light

#CF877B

Dark
Light

#EBC39F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f37173;
  --color-2: #cf877b;
  --color-3: #ebc39f;
  --color-4: #f6d5b2;
  --color-5: #483727;
}

SCSS

$color-1: #f37173;
$color-2: #cf877b;
$color-3: #ebc39f;
$color-4: #f6d5b2;
$color-5: #483727;

TAILWIND

colors: {
  'brand-1': '#f37173',
  'brand-2': '#cf877b',
  'brand-3': '#ebc39f',
  'brand-4': '#f6d5b2',
  'brand-5': '#483727',
}

RGB Array

[243, 113, 115], [207, 135, 123], [235, 195, 159], [246, 213, 178], [72, 55, 39]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This skin-style palette of #F37173, #CF877B, #EBC39F, #F6D5B2, #483727 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: #f37173; --color-2: #cf877b; --color-3: #ebc39f; --color-4: #f6d5b2; --color-5: #483727. 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