← Back to Editor

#413742 · #634452 · #875160 · #959981 · #C2BEA3

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

#413742

Dark Plum · DarkSlateGray · Dark Stone

HEX
#413742
RGB
rgb(65, 55, 66)
HSL
hsl(295, 9%, 24%)
HSB
hsb(295, 17%, 26%)
CMYK
cmyk(2%, 17%, 0%, 74%)
Oklch
oklch(35.2% 0.023 323.2)

Traditional「Dark Plum」· Paint「Dark Stone」· Creative Midnight Shadow

#634452

Dark Violet · DimGray · Camellia

HEX
#634452
RGB
rgb(99, 68, 82)
HSL
hsl(333, 19%, 33%)
HSB
hsb(333, 31%, 39%)
CMYK
cmyk(0%, 31%, 17%, 61%)
Oklch
oklch(42.6% 0.047 350.6)

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

#875160

Dark Violet · DimGray · Camellia

HEX
#875160
RGB
rgb(135, 81, 96)
HSL
hsl(343, 25%, 42%)
HSB
hsb(343, 40%, 53%)
CMYK
cmyk(0%, 40%, 29%, 47%)
Oklch
oklch(50.1% 0.075 2.2)

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

#959981

Grass Green · Gray · Olive Green

HEX
#959981
RGB
rgb(149, 153, 129)
HSL
hsl(70, 11%, 55%)
HSB
hsb(70, 16%, 60%)
CMYK
cmyk(3%, 0%, 16%, 40%)
Oklch
oklch(67.3% 0.035 115.0)

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

#C2BEA3

Fresh Green · Silver · Sunflower

HEX
#C2BEA3
RGB
rgb(194, 190, 163)
HSL
hsl(52, 20%, 70%)
HSB
hsb(52, 16%, 76%)
CMYK
cmyk(0%, 2%, 16%, 24%)
Oklch
oklch(79.8% 0.037 100.2)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

413742
394338

Analogous

3C3843
413742
43383E

Triadic

413742
434238
384342

Split-Comp.

413742
3E4338
38433C

Tetradic

413742
433C38
394338
383E43

Contrast Matrix WCAG 2.1 Contrast

413742
634452
875160
959981
C2BEA3
—
1.3
Fail
1.8
Fail
3.9
AA Large
6.0
AA
1.3
Fail
—
1.4
Fail
2.9
Fail
4.5
AA
1.8
Fail
1.4
Fail
—
2.1
Fail
3.3
AA Large
3.9
AA Large
2.9
Fail
2.1
Fail
—
1.6
Fail
6.0
AA
4.5
AA
3.3
AA Large
1.6
Fail
—
White BG
11.4AAA
8.5AAA
6.2AA
2.9Fail
1.9Fail
Black BG
1.8Fail
2.5Fail
3.4AA Large
7.2AAA
11.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3D3D3F
56554F
706F5C
979787
C0C0AA

Deuteranopia

3D3E3F
575A4E
73775B
979688
C1C1AB

Tritanopia

413D3D
614C4B
845A59
958B8C
C2AFB0

Achromatopsia

3B3B3B
4F4F4F
636363
959595
BCBCBC

Shades & Tints Shades & Tints

#413742

Dark
Light

#634452

Dark
Light

#875160

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #413742;
  --color-2: #634452;
  --color-3: #875160;
  --color-4: #959981;
  --color-5: #c2bea3;
}

SCSS

$color-1: #413742;
$color-2: #634452;
$color-3: #875160;
$color-4: #959981;
$color-5: #c2bea3;

TAILWIND

colors: {
  'brand-1': '#413742',
  'brand-2': '#634452',
  'brand-3': '#875160',
  'brand-4': '#959981',
  'brand-5': '#c2bea3',
}

RGB Array

[65, 55, 66], [99, 68, 82], [135, 81, 96], [149, 153, 129], [194, 190, 163]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #413742, #634452, #875160, #959981, #C2BEA3 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #413742; --color-2: #634452; --color-3: #875160; --color-4: #959981; --color-5: #c2bea3. 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 general-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco 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