← Back to Editor

#33201E · #2E0A04 · #664848 · #EFACF2 · #4B2F4D

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

#33201E

Crimson · Black · Deep Berry

HEX
#33201E
RGB
rgb(51, 32, 30)
HSL
hsl(6, 26%, 16%)
HSB
hsb(6, 41%, 20%)
CMYK
cmyk(0%, 37%, 41%, 80%)
Oklch
oklch(26.7% 0.030 25.9)

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

#2E0A04

Vermilion · Black · Deep Berry

HEX
#2E0A04
RGB
rgb(46, 10, 4)
HSL
hsl(9, 84%, 10%)
HSB
hsb(9, 91%, 18%)
CMYK
cmyk(0%, 78%, 91%, 82%)
Oklch
oklch(20.7% 0.061 33.7)

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

#664848

Crimson · DarkOliveGreen · Wine Red

HEX
#664848
RGB
rgb(102, 72, 72)
HSL
hsl(0, 17%, 34%)
HSB
hsb(0, 29%, 40%)
CMYK
cmyk(0%, 29%, 29%, 60%)
Oklch
oklch(43.4% 0.041 18.9)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#EFACF2

Lilac · Violet · Lavender

HEX
#EFACF2
RGB
rgb(239, 172, 242)
HSL
hsl(297, 73%, 81%)
HSB
hsb(297, 29%, 95%)
CMYK
cmyk(1%, 29%, 0%, 5%)
Oklch
oklch(83.0% 0.120 325.2)

Traditional「Lilac」· Paint「Lavender」· Creative Lavender Dream

#4B2F4D

Dark Plum · DarkSlateGray · Eggplant

HEX
#4B2F4D
RGB
rgb(75, 47, 77)
HSL
hsl(296, 24%, 24%)
HSB
hsb(296, 39%, 30%)
CMYK
cmyk(3%, 39%, 0%, 70%)
Oklch
oklch(35.1% 0.062 324.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

33201E
1E3133

Analogous

331E27
33201E
332B1E

Triadic

33201E
1E3320
201E33

Split-Comp.

33201E
1E332B
1E2733

Tetradic

33201E
27331E
1E3133
2B1E33

Contrast Matrix WCAG 2.1 Contrast

33201E
2E0A04
664848
EFACF2
4B2F4D
—
1.2
Fail
1.9
Fail
8.7
AAA
1.3
Fail
1.2
Fail
—
2.2
Fail
10.2
AAA
1.6
Fail
1.9
Fail
2.2
Fail
—
4.6
AA
1.4
Fail
8.7
AAA
10.2
AAA
4.6
AA
—
6.5
AA
1.3
Fail
1.6
Fail
1.4
Fail
6.5
AA
—
White BG
15.4AAA
18.1AAA
8.1AAA
1.8Fail
11.6AAA
Black BG
1.4Fail
1.2Fail
2.6Fail
11.9AAA
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

2B2B1E
1E1E05
595948
D2D1E1
3F3F46

Deuteranopia

2C2D1F
212306
5B5D48
D6DBDD
414344

Tritanopia

321F1F
2C0707
644848
ECD4D1
4A403F

Achromatopsia

252525
141414
515151
C8C8C8
3B3B3B

Shades & Tints Shades & Tints

#33201E

Dark
Light

#2E0A04

Dark
Light

#664848

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #33201e;
  --color-2: #2e0a04;
  --color-3: #664848;
  --color-4: #efacf2;
  --color-5: #4b2f4d;
}

SCSS

$color-1: #33201e;
$color-2: #2e0a04;
$color-3: #664848;
$color-4: #efacf2;
$color-5: #4b2f4d;

TAILWIND

colors: {
  'brand-1': '#33201e',
  'brand-2': '#2e0a04',
  'brand-3': '#664848',
  'brand-4': '#efacf2',
  'brand-5': '#4b2f4d',
}

RGB Array

[51, 32, 30], [46, 10, 4], [102, 72, 72], [239, 172, 242], [75, 47, 77]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #33201E, #2E0A04, #664848, #EFACF2, #4B2F4D 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: #33201e; --color-2: #2e0a04; --color-3: #664848; --color-4: #efacf2; --color-5: #4b2f4d. 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