← Back to Editor

#F09078 · #FAD1BC · #E6852C · #D84830 · #783018

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

#F09078

Peach Pink · DarkSalmon · Coral Red

HEX
#F09078
RGB
rgb(240, 144, 120)
HSL
hsl(12, 80%, 71%)
HSB
hsb(12, 50%, 94%)
CMYK
cmyk(0%, 40%, 50%, 6%)
Oklch
oklch(74.9% 0.122 34.9)

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

#FAD1BC

Apricot · Wheat · Peach Orange

HEX
#FAD1BC
RGB
rgb(250, 209, 188)
HSL
hsl(20, 86%, 86%)
HSB
hsb(20, 25%, 98%)
CMYK
cmyk(0%, 16%, 25%, 2%)
Oklch
oklch(89.0% 0.054 48.7)

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

#E6852C

Tangerine · GoldenRod · Warm Sun

HEX
#E6852C
RGB
rgb(230, 133, 44)
HSL
hsl(29, 79%, 54%)
HSB
hsb(29, 81%, 90%)
CMYK
cmyk(0%, 42%, 81%, 10%)
Oklch
oklch(70.8% 0.153 57.8)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#D84830

Vermilion · Chocolate · Passion Red

HEX
#D84830
RGB
rgb(216, 72, 48)
HSL
hsl(9, 68%, 52%)
HSB
hsb(9, 78%, 85%)
CMYK
cmyk(0%, 67%, 78%, 15%)
Oklch
oklch(60.0% 0.184 32.0)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#783018

Tangerine · Brown · Amber Brown

HEX
#783018
RGB
rgb(120, 48, 24)
HSL
hsl(15, 67%, 28%)
HSB
hsb(15, 80%, 47%)
CMYK
cmyk(0%, 60%, 80%, 53%)
Oklch
oklch(40.7% 0.107 38.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F09078
7AD9F0

Analogous

F07A9D
F09078
F0CD7A

Triadic

F09078
7AF092
927AF0

Split-Comp.

F09078
7AF0CD
7A9DF0

Tetradic

F09078
9DF07A
7AD9F0
CD7AF0

Contrast Matrix WCAG 2.1 Contrast

F09078
FAD1BC
E6852C
D84830
783018
—
1.7
Fail
1.2
Fail
1.8
Fail
4.0
AA Large
1.7
Fail
—
1.9
Fail
3.0
AA Large
6.7
AA
1.2
Fail
1.9
Fail
—
1.6
Fail
3.5
AA Large
1.8
Fail
3.0
AA Large
1.6
Fail
—
2.2
Fail
4.0
AA Large
6.7
AA
3.5
AA Large
2.2
Fail
—
White BG
2.3Fail
1.4Fail
2.7Fail
4.3AA Large
9.4AAA
Black BG
9.0AAA
14.9AAA
7.8AAA
4.9AA
2.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C6C67E
E8E8C1
BCBB42
9A9836
59581E

Deuteranopia

CCD37F
EBEEC2
C2C947
A2AD37
5D621F

Tritanopia

EB8283
F8C5C6
E15356
D13A3B
742223

Achromatopsia

AAAAAA
DBDBDB
989898
707070
434343

Shades & Tints Shades & Tints

#F09078

Dark
Light

#FAD1BC

Dark
Light

#E6852C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f09078;
  --color-2: #fad1bc;
  --color-3: #e6852c;
  --color-4: #d84830;
  --color-5: #783018;
}

SCSS

$color-1: #f09078;
$color-2: #fad1bc;
$color-3: #e6852c;
$color-4: #d84830;
$color-5: #783018;

TAILWIND

colors: {
  'brand-1': '#f09078',
  'brand-2': '#fad1bc',
  'brand-3': '#e6852c',
  'brand-4': '#d84830',
  'brand-5': '#783018',
}

RGB Array

[240, 144, 120], [250, 209, 188], [230, 133, 44], [216, 72, 48], [120, 48, 24]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This skin-style palette of #F09078, #FAD1BC, #E6852C, #D84830, #783018 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: #f09078; --color-2: #fad1bc; --color-3: #e6852c; --color-4: #d84830; --color-5: #783018. 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