← Back to Editor

#3F494B · #192929 · #25363D · #69574B · #986049

skin

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarmCool

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporate

Color Details Color Details

#3F494B

Slate Blue · DarkSlateGray · Charcoal

HEX
#3F494B
RGB
rgb(63, 73, 75)
HSL
hsl(190, 9%, 27%)
HSB
hsb(190, 16%, 29%)
CMYK
cmyk(16%, 3%, 0%, 71%)
Oklch
oklch(39.7% 0.013 211.1)

Traditional「Slate Blue」· Paint「Charcoal」· Creative Midnight Shadow

#192929

Slate Blue · DarkSlateGray · Peacock Green

HEX
#192929
RGB
rgb(25, 41, 41)
HSL
hsl(180, 24%, 13%)
HSB
hsb(180, 39%, 16%)
CMYK
cmyk(39%, 0%, 0%, 84%)
Oklch
oklch(26.7% 0.021 195.9)

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

#25363D

Slate Blue · DarkSlateGray · Peacock Green

HEX
#25363D
RGB
rgb(37, 54, 61)
HSL
hsl(198, 24%, 19%)
HSB
hsb(198, 39%, 24%)
CMYK
cmyk(39%, 11%, 0%, 76%)
Oklch
oklch(32.1% 0.025 225.3)

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

#69574B

Tangerine · DimGray · Amber Brown

HEX
#69574B
RGB
rgb(105, 87, 75)
HSL
hsl(24, 17%, 35%)
HSB
hsb(24, 29%, 41%)
CMYK
cmyk(0%, 17%, 29%, 59%)
Oklch
oklch(47.1% 0.030 55.5)

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

#986049

Tangerine · Sienna · Amber Brown

HEX
#986049
RGB
rgb(152, 96, 73)
HSL
hsl(17, 35%, 44%)
HSB
hsb(17, 52%, 60%)
CMYK
cmyk(0%, 37%, 52%, 40%)
Oklch
oklch(54.5% 0.081 43.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3F494B
4B413F

Analogous

3F4B47
3F494B
3F434B

Triadic

3F494B
4B3F49
494B3F

Split-Comp.

3F494B
4B3F43
4B473F

Tetradic

3F494B
473F4B
4B413F
434B3F

Contrast Matrix WCAG 2.1 Contrast

3F494B
192929
25363D
69574B
986049
—
1.6
Fail
1.4
Fail
1.4
Fail
1.8
Fail
1.6
Fail
—
1.2
Fail
2.2
Fail
3.0
Fail
1.4
Fail
1.2
Fail
—
1.8
Fail
2.5
Fail
1.4
Fail
2.2
Fail
1.8
Fail
—
1.3
Fail
1.8
Fail
3.0
Fail
2.5
Fail
1.3
Fail
—
White BG
9.3AAA
15.1AAA
12.5AAA
6.9AA
5.1AA
Black BG
2.3Fail
1.4Fail
1.7Fail
3.1AA Large
4.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

43434B
202029
2C2D3B
61614E
807F4F

Deuteranopia

43424A
1F1E29
2B2A3B
62644F
838750

Tritanopia

3F4A4A
1A2929
263A3A
685051
955354

Achromatopsia

464646
242424
323232
5B5B5B
6E6E6E

Shades & Tints Shades & Tints

#3F494B

Dark
Light

#192929

Dark
Light

#25363D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3f494b;
  --color-2: #192929;
  --color-3: #25363d;
  --color-4: #69574b;
  --color-5: #986049;
}

SCSS

$color-1: #3f494b;
$color-2: #192929;
$color-3: #25363d;
$color-4: #69574b;
$color-5: #986049;

TAILWIND

colors: {
  'brand-1': '#3f494b',
  'brand-2': '#192929',
  'brand-3': '#25363d',
  'brand-4': '#69574b',
  'brand-5': '#986049',
}

RGB Array

[63, 73, 75], [25, 41, 41], [37, 54, 61], [105, 87, 75], [152, 96, 73]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This skin-style palette of #3F494B, #192929, #25363D, #69574B, #986049 is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #3f494b; --color-2: #192929; --color-3: #25363d; --color-4: #69574b; --color-5: #986049. 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. 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 finance, legal, luxury industries. Restrained colors convey professionalism and trust. 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