← Back to Editor

#7D6148 · #F2C1A5 · #D6A492 · #A67275 · #7DA192

skin

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#7D6148

Tangerine · DimGray · Amber Brown

HEX
#7D6148
RGB
rgb(125, 97, 72)
HSL
hsl(28, 27%, 39%)
HSB
hsb(28, 42%, 49%)
CMYK
cmyk(0%, 22%, 42%, 51%)
Oklch
oklch(51.4% 0.052 63.0)

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

#F2C1A5

Apricot · Wheat · Peach Orange

HEX
#F2C1A5
RGB
rgb(242, 193, 165)
HSL
hsl(22, 75%, 80%)
HSB
hsb(22, 32%, 95%)
CMYK
cmyk(0%, 20%, 32%, 5%)
Oklch
oklch(84.7% 0.068 51.2)

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

#D6A492

Apricot · Tan · Warm Sun

HEX
#D6A492
RGB
rgb(214, 164, 146)
HSL
hsl(16, 45%, 71%)
HSB
hsb(16, 32%, 84%)
CMYK
cmyk(0%, 23%, 32%, 16%)
Oklch
oklch(76.0% 0.065 40.7)

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

#A67275

Crimson · Gray · Passion Red

HEX
#A67275
RGB
rgb(166, 114, 117)
HSL
hsl(357, 23%, 55%)
HSB
hsb(357, 31%, 65%)
CMYK
cmyk(0%, 31%, 30%, 35%)
Oklch
oklch(60.6% 0.066 15.4)

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

#7DA192

Mineral Blue · LightSlateGray · Olive Green

HEX
#7DA192
RGB
rgb(125, 161, 146)
HSL
hsl(155, 16%, 56%)
HSB
hsb(155, 22%, 63%)
CMYK
cmyk(22%, 0%, 9%, 37%)
Oklch
oklch(67.8% 0.045 167.6)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7D6148
49657E

Analogous

7E494A
7D6148
7E7D49

Triadic

7D6148
497E62
62497E

Split-Comp.

7D6148
497E7D
494A7E

Tetradic

7D6148
4A7E49
49657E
7D497E

Contrast Matrix WCAG 2.1 Contrast

7D6148
F2C1A5
D6A492
A67275
7DA192
—
3.5
AA Large
2.6
Fail
1.4
Fail
2.0
Fail
3.5
AA Large
—
1.4
Fail
2.4
Fail
1.8
Fail
2.6
Fail
1.4
Fail
—
1.8
Fail
1.3
Fail
1.4
Fail
2.4
Fail
1.8
Fail
—
1.4
Fail
2.0
Fail
1.8
Fail
1.3
Fail
1.4
Fail
—
White BG
5.7AA
1.6Fail
2.2Fail
4.0AA Large
2.8Fail
Black BG
3.7AA Large
12.9AAA
9.6AAA
5.3AA
7.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

71714E
DDDCAC
C0C096
8F8F74
8D8D96

Deuteranopia

737550
E0E3AD
C3C797
939674
8B8897

Tritanopia

7C5354
F0B1B2
D39A9B
A37474
7F9899

Achromatopsia

676767
CCCCCC
B1B1B1
828282
959595

Shades & Tints Shades & Tints

#7D6148

Dark
Light

#F2C1A5

Dark
Light

#D6A492

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7d6148;
  --color-2: #f2c1a5;
  --color-3: #d6a492;
  --color-4: #a67275;
  --color-5: #7da192;
}

SCSS

$color-1: #7d6148;
$color-2: #f2c1a5;
$color-3: #d6a492;
$color-4: #a67275;
$color-5: #7da192;

TAILWIND

colors: {
  'brand-1': '#7d6148',
  'brand-2': '#f2c1a5',
  'brand-3': '#d6a492',
  'brand-4': '#a67275',
  'brand-5': '#7da192',
}

RGB Array

[125, 97, 72], [242, 193, 165], [214, 164, 146], [166, 114, 117], [125, 161, 146]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This skin-style palette of #7D6148, #F2C1A5, #D6A492, #A67275, #7DA192 is ideal for: 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: #7d6148; --color-2: #f2c1a5; --color-3: #d6a492; --color-4: #a67275; --color-5: #7da192. 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 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