← Back to Editor

#442732 · #3D3F4E · #3D6461 · #718853 · #9E9866

A 5-color palette 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

#442732

Dark Violet · DarkSlateGray · Raspberry

HEX
#442732
RGB
rgb(68, 39, 50)
HSL
hsl(337, 27%, 21%)
HSB
hsb(337, 43%, 27%)
CMYK
cmyk(0%, 43%, 26%, 73%)
Oklch
oklch(31.4% 0.046 355.8)

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

#3D3F4E

Indigo · DarkSlateGray · Prussian Blue

HEX
#3D3F4E
RGB
rgb(61, 63, 78)
HSL
hsl(233, 12%, 27%)
HSB
hsb(233, 22%, 31%)
CMYK
cmyk(22%, 19%, 0%, 69%)
Oklch
oklch(37.2% 0.026 279.1)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#3D6461

Mineral Blue · DarkSlateGray · Mint Ice

HEX
#3D6461
RGB
rgb(61, 100, 97)
HSL
hsl(175, 24%, 32%)
HSB
hsb(175, 39%, 39%)
CMYK
cmyk(39%, 0%, 3%, 61%)
Oklch
oklch(47.3% 0.045 189.6)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#718853

Grass Green · DimGray · Olive Green

HEX
#718853
RGB
rgb(113, 136, 83)
HSL
hsl(86, 24%, 43%)
HSB
hsb(86, 39%, 53%)
CMYK
cmyk(17%, 0%, 39%, 47%)
Oklch
oklch(59.5% 0.080 127.8)

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

#9E9866

Autumn Sage · Gray · Sunflower

HEX
#9E9866
RGB
rgb(158, 152, 102)
HSL
hsl(54, 22%, 51%)
HSB
hsb(54, 35%, 62%)
CMYK
cmyk(0%, 4%, 35%, 38%)
Oklch
oklch(67.3% 0.069 102.2)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

442732
274439

Analogous

442741
442732
442A27

Triadic

442732
324427
273244

Split-Comp.

442732
27442A
274144

Tetradic

442732
414427
274439
2A2744

Contrast Matrix WCAG 2.1 Contrast

442732
3D3F4E
3D6461
718853
9E9866
—
1.3
Fail
2.0
Fail
3.4
AA Large
4.5
AA
1.3
Fail
—
1.6
Fail
2.6
Fail
3.5
AA Large
2.0
Fail
1.6
Fail
—
1.7
Fail
2.2
Fail
3.4
AA Large
2.6
Fail
1.7
Fail
—
1.3
Fail
4.5
AA
3.5
AA Large
2.2
Fail
1.3
Fail
—
White BG
13.3AAA
10.4AAA
6.6AA
3.9AA Large
2.9Fail
Black BG
1.6Fail
2.0Fail
3.2AA Large
5.3AA
7.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

37372F
3E3E4A
4E4E62
7B7B60
9B9B72

Deuteranopia

393B2F
3E3E4A
4C4962
7A7863
9C9C75

Tritanopia

432D2D
3D4847
3F6262
726A6C
9E7C7E

Achromatopsia

313131
404040
585858
7B7B7B
949494

Shades & Tints Shades & Tints

#442732

Dark
Light

#3D3F4E

Dark
Light

#3D6461

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #442732;
  --color-2: #3d3f4e;
  --color-3: #3d6461;
  --color-4: #718853;
  --color-5: #9e9866;
}

SCSS

$color-1: #442732;
$color-2: #3d3f4e;
$color-3: #3d6461;
$color-4: #718853;
$color-5: #9e9866;

TAILWIND

colors: {
  'brand-1': '#442732',
  'brand-2': '#3d3f4e',
  'brand-3': '#3d6461',
  'brand-4': '#718853',
  'brand-5': '#9e9866',
}

RGB Array

[68, 39, 50], [61, 63, 78], [61, 100, 97], [113, 136, 83], [158, 152, 102]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #442732, #3D3F4E, #3D6461, #718853, #9E9866 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: #442732; --color-2: #3d3f4e; --color-3: #3d6461; --color-4: #718853; --color-5: #9e9866. 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 general-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