← Back to Editor

#862337 · #A95054 · #EEC99C · #2C3137 · #111C1E

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

#862337

Crimson · Brown · Wine Red

HEX
#862337
RGB
rgb(134, 35, 55)
HSL
hsl(348, 59%, 33%)
HSB
hsb(348, 74%, 53%)
CMYK
cmyk(0%, 74%, 59%, 47%)
Oklch
oklch(42.0% 0.133 13.5)

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

#A95054

Crimson · Sienna · Passion Red

HEX
#A95054
RGB
rgb(169, 80, 84)
HSL
hsl(357, 36%, 49%)
HSB
hsb(357, 53%, 66%)
CMYK
cmyk(0%, 53%, 50%, 34%)
Oklch
oklch(54.3% 0.117 19.0)

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

#EEC99C

Goose Yellow · BurlyWood · Peach Orange

HEX
#EEC99C
RGB
rgb(238, 201, 156)
HSL
hsl(33, 71%, 77%)
HSB
hsb(33, 34%, 93%)
CMYK
cmyk(0%, 16%, 34%, 7%)
Oklch
oklch(85.7% 0.072 72.1)

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

#2C3137

Indigo · DarkSlateGray · Deep Sea Blue

HEX
#2C3137
RGB
rgb(44, 49, 55)
HSL
hsl(213, 11%, 19%)
HSB
hsb(213, 20%, 22%)
CMYK
cmyk(20%, 11%, 0%, 78%)
Oklch
oklch(31.1% 0.013 253.0)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#111C1E

Slate Blue · Black · Peacock Green

HEX
#111C1E
RGB
rgb(17, 28, 30)
HSL
hsl(189, 28%, 9%)
HSB
hsb(189, 43%, 12%)
CMYK
cmyk(43%, 7%, 0%, 88%)
Oklch
oklch(21.7% 0.016 210.0)

Traditional「Slate Blue」· Paint「Peacock Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

862337
238672

Analogous

862368
862337
864023

Triadic

862337
368623
233686

Split-Comp.

862337
238640
236886

Tetradic

862337
688623
238672
402386

Contrast Matrix WCAG 2.1 Contrast

862337
A95054
EEC99C
2C3137
111C1E
—
1.7
Fail
5.8
AA
1.4
Fail
1.9
Fail
1.7
Fail
—
3.4
AA Large
2.5
Fail
3.3
AA Large
5.8
AA
3.4
AA Large
—
8.4
AAA
11.1
AAA
1.4
Fail
2.5
Fail
8.4
AAA
—
1.3
Fail
1.9
Fail
3.3
AA Large
11.1
AAA
1.3
Fail
—
White BG
9.1AAA
5.3AA
1.6Fail
13.1AAA
17.4AAA
Black BG
2.3Fail
4.0AA Large
13.5AAA
1.6Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

5B5A32
828253
DEDEA7
2E2E36
16161E

Deuteranopia

616831
888E53
E0E3AA
2E2E35
15141D

Tritanopia

812E2E
A55252
ECAFB1
2C3434
121D1D

Achromatopsia

434343
6B6B6B
CFCFCF
303030
191919

Shades & Tints Shades & Tints

#862337

Dark
Light

#A95054

Dark
Light

#EEC99C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #862337;
  --color-2: #a95054;
  --color-3: #eec99c;
  --color-4: #2c3137;
  --color-5: #111c1e;
}

SCSS

$color-1: #862337;
$color-2: #a95054;
$color-3: #eec99c;
$color-4: #2c3137;
$color-5: #111c1e;

TAILWIND

colors: {
  'brand-1': '#862337',
  'brand-2': '#a95054',
  'brand-3': '#eec99c',
  'brand-4': '#2c3137',
  'brand-5': '#111c1e',
}

RGB Array

[134, 35, 55], [169, 80, 84], [238, 201, 156], [44, 49, 55], [17, 28, 30]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This skin-style palette of #862337, #A95054, #EEC99C, #2C3137, #111C1E 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: #862337; --color-2: #a95054; --color-3: #eec99c; --color-4: #2c3137; --color-5: #111c1e. 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