← Back to Editor

#2E201C · #392929 · #665A54 · #F7F8E4 · #969D3D

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

#2E201C

Crimson · Black · Deep Berry

HEX
#2E201C
RGB
rgb(46, 32, 28)
HSL
hsl(13, 24%, 15%)
HSB
hsb(13, 39%, 18%)
CMYK
cmyk(0%, 30%, 39%, 82%)
Oklch
oklch(25.9% 0.023 36.5)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#392929

Crimson · DarkSlateGray · Deep Berry

HEX
#392929
RGB
rgb(57, 41, 41)
HSL
hsl(0, 16%, 19%)
HSB
hsb(0, 28%, 22%)
CMYK
cmyk(0%, 28%, 28%, 78%)
Oklch
oklch(30.0% 0.024 18.6)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#665A54

Tangerine · DimGray · Amber Brown

HEX
#665A54
RGB
rgb(102, 90, 84)
HSL
hsl(20, 10%, 36%)
HSB
hsb(20, 18%, 40%)
CMYK
cmyk(0%, 12%, 18%, 60%)
Oklch
oklch(47.7% 0.018 48.3)

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

#F7F8E4

Fresh Green · Beige · Lemon Cream

HEX
#F7F8E4
RGB
rgb(247, 248, 228)
HSL
hsl(63, 59%, 93%)
HSB
hsb(63, 8%, 97%)
CMYK
cmyk(0%, 0%, 8%, 3%)
Oklch
oklch(97.3% 0.026 109.2)

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

#969D3D

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#969D3D
RGB
rgb(150, 157, 61)
HSL
hsl(64, 44%, 43%)
HSB
hsb(64, 61%, 62%)
CMYK
cmyk(4%, 0%, 61%, 38%)
Oklch
oklch(67.1% 0.120 113.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2E201C
1D2B2F

Analogous

2F1D22
2E201C
2F2A1D

Triadic

2E201C
1D2F21
211D2F

Split-Comp.

2E201C
1D2F2A
1D222F

Tetradic

2E201C
222F1D
1D2B2F
2A1D2F

Contrast Matrix WCAG 2.1 Contrast

2E201C
392929
665A54
F7F8E4
969D3D
—
1.1
Fail
2.4
Fail
14.6
AAA
5.4
AA
1.1
Fail
—
2.1
Fail
12.8
AAA
4.7
AA
2.4
Fail
2.1
Fail
—
6.2
AA
2.3
Fail
14.6
AAA
12.8
AAA
6.2
AA
—
2.7
Fail
5.4
AA
4.7
AA
2.3
Fail
2.7
Fail
—
White BG
15.7AAA
13.8AAA
6.7AA
1.1Fail
2.9Fail
Black BG
1.3Fail
1.5Fail
3.2AA Large
19.5AAA
7.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

28281D
323229
616155
F7F7E9
999954

Deuteranopia

292A1D
333429
626256
F7F7EA
99985A

Tritanopia

2D1E1E
382929
655757
F7EDEE
96676B

Achromatopsia

242424
2E2E2E
5D5D5D
F5F5F5
909090

Shades & Tints Shades & Tints

#2E201C

Dark
Light

#392929

Dark
Light

#665A54

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2e201c;
  --color-2: #392929;
  --color-3: #665a54;
  --color-4: #f7f8e4;
  --color-5: #969d3d;
}

SCSS

$color-1: #2e201c;
$color-2: #392929;
$color-3: #665a54;
$color-4: #f7f8e4;
$color-5: #969d3d;

TAILWIND

colors: {
  'brand-1': '#2e201c',
  'brand-2': '#392929',
  'brand-3': '#665a54',
  'brand-4': '#f7f8e4',
  'brand-5': '#969d3d',
}

RGB Array

[46, 32, 28], [57, 41, 41], [102, 90, 84], [247, 248, 228], [150, 157, 61]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2E201C, #392929, #665A54, #F7F8E4, #969D3D is ideal for: 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: #2e201c; --color-2: #392929; --color-3: #665a54; --color-4: #f7f8e4; --color-5: #969d3d. 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. 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