← Back to Editor

#332929 · #EA4552 · #FD4B52 · #4B4646 · #553F3F

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

#332929

Crimson · DarkSlateGray · Deep Berry

HEX
#332929
RGB
rgb(51, 41, 41)
HSL
hsl(0, 11%, 18%)
HSB
hsb(0, 20%, 20%)
CMYK
cmyk(0%, 20%, 20%, 80%)
Oklch
oklch(29.2% 0.015 18.0)

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

#EA4552

Vermilion · Tomato · Passion Red

HEX
#EA4552
RGB
rgb(234, 69, 82)
HSL
hsl(355, 80%, 59%)
HSB
hsb(355, 71%, 92%)
CMYK
cmyk(0%, 71%, 65%, 8%)
Oklch
oklch(63.2% 0.201 20.9)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#FD4B52

Peach Pink · Tomato · Coral Red

HEX
#FD4B52
RGB
rgb(253, 75, 82)
HSL
hsl(358, 98%, 64%)
HSB
hsb(358, 70%, 99%)
CMYK
cmyk(0%, 70%, 68%, 1%)
Oklch
oklch(66.9% 0.214 23.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#4B4646

Dark Cyan · DarkSlateGray · Charcoal

HEX
#4B4646
RGB
rgb(75, 70, 70)
HSL
hsl(0, 3%, 28%)
HSB
hsb(0, 7%, 29%)
CMYK
cmyk(0%, 7%, 7%, 71%)
Oklch
oklch(39.9% 0.007 17.4)

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

#553F3F

Crimson · DarkSlateGray · Wine Red

HEX
#553F3F
RGB
rgb(85, 63, 63)
HSL
hsl(0, 15%, 29%)
HSB
hsb(0, 26%, 33%)
CMYK
cmyk(0%, 26%, 26%, 67%)
Oklch
oklch(39.2% 0.031 18.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

332929
293333

Analogous

33292E
332929
332E29

Triadic

332929
293329
292933

Split-Comp.

332929
29332E
292E33

Tetradic

332929
2E3329
293333
2E2933

Contrast Matrix WCAG 2.1 Contrast

332929
EA4552
FD4B52
4B4646
553F3F
—
3.7
AA Large
4.2
AA Large
1.5
Fail
1.5
Fail
3.7
AA Large
—
1.2
Fail
2.4
Fail
2.5
Fail
4.2
AA Large
1.2
Fail
—
2.8
Fail
2.9
Fail
1.5
Fail
2.4
Fail
2.8
Fail
—
1.0
Fail
1.5
Fail
2.5
Fail
2.9
Fail
1.0
Fail
—
White BG
14.1AAA
3.8AA Large
3.3AA Large
9.3AAA
9.7AAA
Black BG
1.5Fail
5.5AA
6.3AA
2.3Fail
2.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

2F2F29
A3A14F
B0AE50
494946
4B4B3F

Deuteranopia

2F3029
ACB84E
BAC850
494A46
4D4E3F

Tritanopia

322929
E24C4C
F44F4F
4B4646
543F3F

Achromatopsia

2C2C2C
787878
818181
474747
464646

Shades & Tints Shades & Tints

#332929

Dark
Light

#EA4552

Dark
Light

#FD4B52

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #332929;
  --color-2: #ea4552;
  --color-3: #fd4b52;
  --color-4: #4b4646;
  --color-5: #553f3f;
}

SCSS

$color-1: #332929;
$color-2: #ea4552;
$color-3: #fd4b52;
$color-4: #4b4646;
$color-5: #553f3f;

TAILWIND

colors: {
  'brand-1': '#332929',
  'brand-2': '#ea4552',
  'brand-3': '#fd4b52',
  'brand-4': '#4b4646',
  'brand-5': '#553f3f',
}

RGB Array

[51, 41, 41], [234, 69, 82], [253, 75, 82], [75, 70, 70], [85, 63, 63]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #332929, #EA4552, #FD4B52, #4B4646, #553F3F 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: #332929; --color-2: #ea4552; --color-3: #fd4b52; --color-4: #4b4646; --color-5: #553f3f. 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