← Back to Editor

#E4CCB0 · #A5928B · #58177D · #40154A · #2C082E

skin

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#E4CCB0

Goose Yellow · Wheat · Peach Orange

HEX
#E4CCB0
RGB
rgb(228, 204, 176)
HSL
hsl(32, 49%, 79%)
HSB
hsb(32, 23%, 89%)
CMYK
cmyk(0%, 11%, 23%, 11%)
Oklch
oklch(85.8% 0.046 71.4)

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

#A5928B

Tangerine · DarkGray · Warm Sun

HEX
#A5928B
RGB
rgb(165, 146, 139)
HSL
hsl(16, 13%, 60%)
HSB
hsb(16, 16%, 65%)
CMYK
cmyk(0%, 12%, 16%, 35%)
Oklch
oklch(67.5% 0.025 41.3)

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

#58177D

Royal Purple · DarkSlateBlue · Eggplant

HEX
#58177D
RGB
rgb(88, 23, 125)
HSL
hsl(278, 69%, 29%)
HSB
hsb(278, 82%, 49%)
CMYK
cmyk(30%, 82%, 0%, 51%)
Oklch
oklch(36.8% 0.161 309.3)

Traditional「Royal Purple」· Paint「Eggplant」· Creative Blush Sunrise

#40154A

Royal Purple · MidnightBlue · Dark Purple

HEX
#40154A
RGB
rgb(64, 21, 74)
HSL
hsl(289, 56%, 19%)
HSB
hsb(289, 72%, 29%)
CMYK
cmyk(14%, 72%, 0%, 71%)
Oklch
oklch(29.0% 0.102 319.6)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#2C082E

Royal Purple · Black · Dark Purple

HEX
#2C082E
RGB
rgb(44, 8, 46)
HSL
hsl(297, 70%, 11%)
HSB
hsb(297, 83%, 18%)
CMYK
cmyk(4%, 83%, 0%, 82%)
Oklch
oklch(21.9% 0.081 325.7)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E4CCB0
AFC8E4

Analogous

E4B1AF
E4CCB0
E2E4AF

Triadic

E4CCB0
AFE4CB
CBAFE4

Split-Comp.

E4CCB0
AFE2E4
B1AFE4

Tetradic

E4CCB0
AFE4B1
AFC8E4
E4AFE2

Contrast Matrix WCAG 2.1 Contrast

E4CCB0
A5928B
58177D
40154A
2C082E
—
1.9
Fail
7.4
AAA
9.5
AAA
11.5
AAA
1.9
Fail
—
3.9
AA Large
5.0
AA
6.0
AA
7.4
AAA
3.9
AA Large
—
1.3
Fail
1.6
Fail
9.5
AAA
5.0
AA
1.3
Fail
—
1.2
Fail
11.5
AAA
6.0
AA
1.6
Fail
1.2
Fail
—
White BG
1.5Fail
3.0Fail
11.5AAA
14.7AAA
17.8AAA
Black BG
13.6AAA
7.1AAA
1.8Fail
1.4Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DAD9B7
9D9D8D
3C3B64
2D2D3D
1C1C25

Deuteranopia

DBDDB8
9E9F8D
40455E
30333A
1F2123

Tritanopia

E3BCBD
A48E8E
55514D
3E3331
2A1E1C

Achromatopsia

D0D0D0
979797
363636
282828
171717

Shades & Tints Shades & Tints

#E4CCB0

Dark
Light

#A5928B

Dark
Light

#58177D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e4ccb0;
  --color-2: #a5928b;
  --color-3: #58177d;
  --color-4: #40154a;
  --color-5: #2c082e;
}

SCSS

$color-1: #e4ccb0;
$color-2: #a5928b;
$color-3: #58177d;
$color-4: #40154a;
$color-5: #2c082e;

TAILWIND

colors: {
  'brand-1': '#e4ccb0',
  'brand-2': '#a5928b',
  'brand-3': '#58177d',
  'brand-4': '#40154a',
  'brand-5': '#2c082e',
}

RGB Array

[228, 204, 176], [165, 146, 139], [88, 23, 125], [64, 21, 74], [44, 8, 46]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This skin-style palette of #E4CCB0, #A5928B, #58177D, #40154A, #2C082E is ideal for: tech websites, dark mode UIs, game UIs, 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: #e4ccb0; --color-2: #a5928b; --color-3: #58177d; --color-4: #40154a; --color-5: #2c082e. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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