← Back to Editor

#606B3B · #3A1157 · #000000 · #3B6B66 · #E6E2A1

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

#606B3B

Grass Green · DarkOliveGreen · Forest Green

HEX
#606B3B
RGB
rgb(96, 107, 59)
HSL
hsl(74, 29%, 33%)
HSB
hsb(74, 45%, 42%)
CMYK
cmyk(10%, 0%, 45%, 58%)
Oklch
oklch(50.6% 0.071 119.6)

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

#3A1157

Royal Purple · MidnightBlue · Dark Purple

HEX
#3A1157
RGB
rgb(58, 17, 87)
HSL
hsl(275, 67%, 20%)
HSB
hsb(275, 80%, 34%)
CMYK
cmyk(33%, 80%, 0%, 66%)
Oklch
oklch(28.6% 0.119 306.9)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#000000

Ink Black · Black · Jet Black

HEX
#000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
HSB
hsb(0, 0%, 0%)
CMYK
cmyk(0%, 0%, 0%, 100%)
Oklch
oklch(0.0% 0.000 0.0)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

#3B6B66

Mineral Blue · SeaGreen · Mint Ice

HEX
#3B6B66
RGB
rgb(59, 107, 102)
HSL
hsl(174, 29%, 33%)
HSB
hsb(174, 45%, 42%)
CMYK
cmyk(45%, 0%, 5%, 58%)
Oklch
oklch(49.2% 0.053 187.0)

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

#E6E2A1

Fresh Green · Khaki · Lemon Cream

HEX
#E6E2A1
RGB
rgb(230, 226, 161)
HSL
hsl(57, 58%, 77%)
HSB
hsb(57, 30%, 90%)
CMYK
cmyk(0%, 2%, 30%, 10%)
Oklch
oklch(90.1% 0.084 105.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

606B3B
473C6D

Analogous

6D603C
606B3B
496D3C

Triadic

606B3B
3C616D
6D3C61

Split-Comp.

606B3B
3C496D
603C6D

Tetradic

606B3B
3C6D60
473C6D
6D3C49

Contrast Matrix WCAG 2.1 Contrast

606B3B
3A1157
000000
3B6B66
E6E2A1
—
2.6
Fail
3.7
AA Large
1.1
Fail
4.3
AA Large
2.6
Fail
—
1.4
Fail
2.5
Fail
11.3
AAA
3.7
AA Large
1.4
Fail
—
3.5
AA Large
15.8
AAA
1.1
Fail
2.5
Fail
3.5
AA Large
—
4.5
AA
4.3
AA Large
11.3
AAA
15.8
AAA
4.5
AA
—
White BG
5.7AA
15.0AAA
21.0AAA
6.0AA
1.3Fail
Black BG
3.7AA Large
1.4Fail
1.0Fail
3.5AA Large
15.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

656547
282846
000000
505067
E4E4B1

Deuteranopia

646349
2B2E42
000000
4D4968
E5E5B5

Tritanopia

615052
383936
000000
3D6868
E6BDC0

Achromatopsia

626262
252525
000000
5C5C5C
DCDCDC

Shades & Tints Shades & Tints

#606B3B

Dark
Light

#3A1157

Dark
Light

#000000

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #606b3b;
  --color-2: #3a1157;
  --color-3: #000000;
  --color-4: #3b6b66;
  --color-5: #e6e2a1;
}

SCSS

$color-1: #606b3b;
$color-2: #3a1157;
$color-3: #000000;
$color-4: #3b6b66;
$color-5: #e6e2a1;

TAILWIND

colors: {
  'brand-1': '#606b3b',
  'brand-2': '#3a1157',
  'brand-3': '#000000',
  'brand-4': '#3b6b66',
  'brand-5': '#e6e2a1',
}

RGB Array

[96, 107, 59], [58, 17, 87], [0, 0, 0], [59, 107, 102], [230, 226, 161]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #606B3B, #3A1157, #000000, #3B6B66, #E6E2A1 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: #606b3b; --color-2: #3a1157; --color-3: #000000; --color-4: #3b6b66; --color-5: #e6e2a1. 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 general-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