← Back to Editor

#8A1F3F · #EF6074 · #DCED13 · #F9E29B · #5E7C36

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

#8A1F3F

Dark Violet · Brown · Camellia

HEX
#8A1F3F
RGB
rgb(138, 31, 63)
HSL
hsl(342, 63%, 33%)
HSB
hsb(342, 78%, 54%)
CMYK
cmyk(0%, 78%, 54%, 46%)
Oklch
oklch(42.5% 0.143 8.3)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#EF6074

Peach Pink · Salmon · Coral Red

HEX
#EF6074
RGB
rgb(239, 96, 116)
HSL
hsl(352, 82%, 66%)
HSB
hsb(352, 60%, 94%)
CMYK
cmyk(0%, 60%, 51%, 6%)
Oklch
oklch(67.6% 0.176 14.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#DCED13

Autumn Sage · Yellow · Honey Gold

HEX
#DCED13
RGB
rgb(220, 237, 19)
HSL
hsl(65, 86%, 50%)
HSB
hsb(65, 92%, 93%)
CMYK
cmyk(7%, 0%, 92%, 7%)
Oklch
oklch(90.3% 0.202 114.9)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#F9E29B

Goose Yellow · Khaki · Lemon Cream

HEX
#F9E29B
RGB
rgb(249, 226, 155)
HSL
hsl(45, 89%, 79%)
HSB
hsb(45, 38%, 98%)
CMYK
cmyk(0%, 9%, 38%, 2%)
Oklch
oklch(91.6% 0.093 92.2)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#5E7C36

Grass Green · DarkOliveGreen · Forest Green

HEX
#5E7C36
RGB
rgb(94, 124, 54)
HSL
hsl(86, 39%, 35%)
HSB
hsb(86, 56%, 49%)
CMYK
cmyk(24%, 0%, 56%, 51%)
Oklch
oklch(54.7% 0.104 128.7)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8A1F3F
1F8969

Analogous

891F74
8A1F3F
89341F

Triadic

8A1F3F
3F891F
1F3F89

Split-Comp.

8A1F3F
1F8934
1F7489

Tetradic

8A1F3F
74891F
1F8969
341F89

Contrast Matrix WCAG 2.1 Contrast

8A1F3F
EF6074
DCED13
F9E29B
5E7C36
—
2.8
Fail
6.9
AA
7.0
AA
1.9
Fail
2.8
Fail
—
2.5
Fail
2.5
Fail
1.5
Fail
6.9
AA
2.5
Fail
—
1.0
Fail
3.7
AA Large
7.0
AA
2.5
Fail
1.0
Fail
—
3.7
AA Large
1.9
Fail
1.5
Fail
3.7
AA Large
3.7
AA Large
—
White BG
8.9AAA
3.2AA Large
1.3Fail
1.3Fail
4.8AA
Black BG
2.3Fail
6.6AA
16.2AAA
16.4AAA
4.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

5C5B37
B1B06F
E3E448
EFEFAC
6B6B47

Deuteranopia

626A35
B9C46E
E2E154
F0F2B0
69674B

Tritanopia

853130
E86B6B
DD717B
F8BABD
605457

Achromatopsia

434343
8D8D8D
CFCFCF
E1E1E1
6B6B6B

Shades & Tints Shades & Tints

#8A1F3F

Dark
Light

#EF6074

Dark
Light

#DCED13

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8a1f3f;
  --color-2: #ef6074;
  --color-3: #dced13;
  --color-4: #f9e29b;
  --color-5: #5e7c36;
}

SCSS

$color-1: #8a1f3f;
$color-2: #ef6074;
$color-3: #dced13;
$color-4: #f9e29b;
$color-5: #5e7c36;

TAILWIND

colors: {
  'brand-1': '#8a1f3f',
  'brand-2': '#ef6074',
  'brand-3': '#dced13',
  'brand-4': '#f9e29b',
  'brand-5': '#5e7c36',
}

RGB Array

[138, 31, 63], [239, 96, 116], [220, 237, 19], [249, 226, 155], [94, 124, 54]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This skin-style palette of #8A1F3F, #EF6074, #DCED13, #F9E29B, #5E7C36 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: #8a1f3f; --color-2: #ef6074; --color-3: #dced13; --color-4: #f9e29b; --color-5: #5e7c36. 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