#251629 + #3B3833 + #51593C + #6F6B26 + #8C7C0F - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#251629

Dark Plum · Black · Dark Purple

HEX

#251629

RGB

rgb(37, 22, 41)

HSL

hsl(287, 30%, 12%)

HSB

hsb(287, 46%, 16%)

CMYK

cmyk(10%, 46%, 0%, 84%)

Oklch

oklch(22.9% 0.042 319.0)

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

#3B3833

Dark Cyan · DarkSlateGray · Dark Stone

HEX

#3B3833

RGB

rgb(59, 56, 51)

HSL

hsl(37, 7%, 22%)

HSB

hsb(37, 14%, 23%)

CMYK

cmyk(0%, 5%, 14%, 77%)

Oklch

oklch(34.2% 0.010 80.7)

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

#51593C

Grass Green · DarkOliveGreen · Forest Green

HEX

#51593C

RGB

rgb(81, 89, 60)

HSL

hsl(77, 19%, 29%)

HSB

hsb(77, 33%, 35%)

CMYK

cmyk(9%, 0%, 33%, 65%)

Oklch

oklch(44.9% 0.046 120.8)

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

#6F6B26

Autumn Sage · DarkOliveGreen · Honey Gold

HEX

#6F6B26

RGB

rgb(111, 107, 38)

HSL

hsl(57, 49%, 29%)

HSB

hsb(57, 66%, 44%)

CMYK

cmyk(0%, 4%, 66%, 56%)

Oklch

oklch(51.7% 0.090 106.0)

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

#8C7C0F

Autumn Sage · Olive · Honey Gold

HEX

#8C7C0F

RGB

rgb(140, 124, 15)

HSL

hsl(52, 81%, 30%)

HSB

hsb(52, 89%, 55%)

CMYK

cmyk(0%, 11%, 89%, 45%)

Oklch

oklch(58.3% 0.117 99.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

251629

192815

Analogous

1B1528

251629

281523

Triadic

251629

282415

152824

Split-Comp.

251629

232815

15281B

Tetradic

251629

281B15

192815

152328

Contrast Matrix WCAG 2.1 Contrast

251629	3B3833	51593C	6F6B26	8C7C0F
—	1.5 Fail	2.3 Fail	3.1 AA Large	4.1 AA Large
1.5 Fail	—	1.6 Fail	2.1 Fail	2.8 Fail
2.3 Fail	1.6 Fail	—	1.3 Fail	1.8 Fail
3.1 AA Large	2.1 Fail	1.3 Fail	—	1.3 Fail
4.1 AA Large	2.8 Fail	1.8 Fail	1.3 Fail	—

White BG

17.1AAA

11.7AAA

7.4AAA

5.5AA

4.2AA Large

Black BG

1.2Fail

1.8Fail

2.8Fail

3.8AA Large

5.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1F1E24

3A3A34

545543

6D6D37

858529

Deuteranopia

1F2123

3A3A35

545345

6E6E3B

868730

Tritanopia

242120

3B3535

51494A

6F4447

8B3E43

Achromatopsia

1D1D1D

383838

535353

646464

747474

Shades & Tints Shades & Tints

#251629

Dark

Light

#3B3833

Dark

Light

#51593C

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #251629;
  --color-2: #3b3833;
  --color-3: #51593c;
  --color-4: #6f6b26;
  --color-5: #8c7c0f;
}

SCSS

$color-1: #251629;
$color-2: #3b3833;
$color-3: #51593c;
$color-4: #6f6b26;
$color-5: #8c7c0f;

TAILWIND

colors: {
  'brand-1': '#251629',
  'brand-2': '#3b3833',
  'brand-3': '#51593c',
  'brand-4': '#6f6b26',
  'brand-5': '#8c7c0f',
}

RGB Array

[37, 22, 41], [59, 56, 51], [81, 89, 60], [111, 107, 38], [140, 124, 15]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #251629, #3B3833, #51593C, #6F6B26, #8C7C0F is ideal for: tech websites, dark mode UIs, game UIs. 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: #251629; --color-2: #3b3833; --color-3: #51593c; --color-4: #6f6b26; --color-5: #8c7c0f. 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 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