← Back to Editor

#B74248 · #FCCAB3 · #FEEBCA · #8A6751 · #B2A08C

skin

A 5-color skin palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#B74248

Crimson · Sienna · Passion Red

HEX
#B74248
RGB
rgb(183, 66, 72)
HSL
hsl(357, 47%, 49%)
HSB
hsb(357, 64%, 72%)
CMYK
cmyk(0%, 64%, 61%, 28%)
Oklch
oklch(54.3% 0.151 20.8)

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

#FCCAB3

Apricot · Wheat · Peach Orange

HEX
#FCCAB3
RGB
rgb(252, 202, 179)
HSL
hsl(19, 92%, 85%)
HSB
hsb(19, 29%, 99%)
CMYK
cmyk(0%, 20%, 29%, 1%)
Oklch
oklch(87.7% 0.065 46.0)

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

#FEEBCA

Goose Yellow · Bisque · Peach Orange

HEX
#FEEBCA
RGB
rgb(254, 235, 202)
HSL
hsl(38, 96%, 89%)
HSB
hsb(38, 20%, 100%)
CMYK
cmyk(0%, 7%, 20%, 0%)
Oklch
oklch(94.7% 0.048 81.5)

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

#8A6751

Tangerine · DimGray · Amber Brown

HEX
#8A6751
RGB
rgb(138, 103, 81)
HSL
hsl(23, 26%, 43%)
HSB
hsb(23, 41%, 54%)
CMYK
cmyk(0%, 25%, 41%, 46%)
Oklch
oklch(54.4% 0.056 53.4)

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

#B2A08C

Ginger · DarkGray · Warm Sun

HEX
#B2A08C
RGB
rgb(178, 160, 140)
HSL
hsl(32, 20%, 62%)
HSB
hsb(32, 21%, 70%)
CMYK
cmyk(0%, 10%, 21%, 30%)
Oklch
oklch(71.6% 0.035 70.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B74248
42B8B2

Analogous

B84283
B74248
B87742

Triadic

B74248
48B842
4248B8

Split-Comp.

B74248
42B877
4283B8

Tetradic

B74248
83B842
42B8B2
7742B8

Contrast Matrix WCAG 2.1 Contrast

B74248
FCCAB3
FEEBCA
8A6751
B2A08C
—
3.7
AA Large
4.6
AA
1.1
Fail
2.1
Fail
3.7
AA Large
—
1.3
Fail
3.4
AA Large
1.7
Fail
4.6
AA
1.3
Fail
—
4.3
AA Large
2.2
Fail
1.1
Fail
3.4
AA Large
4.3
AA Large
—
2.0
Fail
2.1
Fail
1.7
Fail
2.2
Fail
2.0
Fail
—
White BG
5.4AA
1.5Fail
1.2Fail
5.1AA
2.5Fail
Black BG
3.9AA Large
14.2AAA
18.0AAA
4.1AA Large
8.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

848347
E6E6B9
F6F6D2
7B7B56
AAAA91

Deuteranopia

8B9446
E9EDBA
F7F8D4
7D8058
ABAD92

Tritanopia

B14545
F9BDBE
FDD8DA
885B5B
B19596

Achromatopsia

666666
D6D6D6
EDEDED
6F6F6F
A3A3A3

Shades & Tints Shades & Tints

#B74248

Dark
Light

#FCCAB3

Dark
Light

#FEEBCA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b74248;
  --color-2: #fccab3;
  --color-3: #feebca;
  --color-4: #8a6751;
  --color-5: #b2a08c;
}

SCSS

$color-1: #b74248;
$color-2: #fccab3;
$color-3: #feebca;
$color-4: #8a6751;
$color-5: #b2a08c;

TAILWIND

colors: {
  'brand-1': '#b74248',
  'brand-2': '#fccab3',
  'brand-3': '#feebca',
  'brand-4': '#8a6751',
  'brand-5': '#b2a08c',
}

RGB Array

[183, 66, 72], [252, 202, 179], [254, 235, 202], [138, 103, 81], [178, 160, 140]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This skin-style palette of #B74248, #FCCAB3, #FEEBCA, #8A6751, #B2A08C is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #b74248; --color-2: #fccab3; --color-3: #feebca; --color-4: #8a6751; --color-5: #b2a08c. 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 skin-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. 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