← Back to Editor

#291D1D · #382F2F · #453F3F · #4F4E4E · #FF1500

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarm

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporate

Color Details Color Details

#291D1D

Crimson · Black · Deep Berry

HEX
#291D1D
RGB
rgb(41, 29, 29)
HSL
hsl(0, 17%, 14%)
HSB
hsb(0, 29%, 16%)
CMYK
cmyk(0%, 29%, 29%, 84%)
Oklch
oklch(24.5% 0.019 18.5)

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

#382F2F

Crimson · DarkSlateGray · Dark Stone

HEX
#382F2F
RGB
rgb(56, 47, 47)
HSL
hsl(0, 9%, 20%)
HSB
hsb(0, 16%, 22%)
CMYK
cmyk(0%, 16%, 16%, 78%)
Oklch
oklch(31.5% 0.013 17.9)

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

#453F3F

Dark Cyan · DarkSlateGray · Charcoal

HEX
#453F3F
RGB
rgb(69, 63, 63)
HSL
hsl(0, 5%, 26%)
HSB
hsb(0, 9%, 27%)
CMYK
cmyk(0%, 9%, 9%, 73%)
Oklch
oklch(37.4% 0.008 17.5)

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

#4F4E4E

Ink Gray · DarkSlateGray · Charcoal

HEX
#4F4E4E
RGB
rgb(79, 78, 78)
HSL
hsl(0, 1%, 31%)
HSB
hsb(0, 1%, 31%)
CMYK
cmyk(0%, 1%, 1%, 69%)
Oklch
oklch(42.5% 0.001 17.2)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#FF1500

Vermilion · Red · Passion Red

HEX
#FF1500
RGB
rgb(255, 21, 0)
HSL
hsl(5, 100%, 50%)
HSB
hsb(5, 100%, 100%)
CMYK
cmyk(0%, 92%, 100%, 0%)
Oklch
oklch(63.2% 0.254 30.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

291D1D
1E2A2A

Analogous

2A1E24
291D1D
2A241E

Triadic

291D1D
1E2A1E
1E1E2A

Split-Comp.

291D1D
1E2A24
1E242A

Tetradic

291D1D
242A1E
1E2A2A
241E2A

Contrast Matrix WCAG 2.1 Contrast

291D1D
382F2F
453F3F
4F4E4E
FF1500
—
1.3
Fail
1.6
Fail
2.0
Fail
4.2
AA Large
1.3
Fail
—
1.3
Fail
1.6
Fail
3.3
AA Large
1.6
Fail
1.3
Fail
—
1.2
Fail
2.6
Fail
2.0
Fail
1.6
Fail
1.2
Fail
—
2.1
Fail
4.2
AA Large
3.3
AA Large
2.6
Fail
2.1
Fail
—
White BG
16.3AAA
13.0AAA
10.3AAA
8.3AAA
3.9AA Large
Black BG
1.3Fail
1.6Fail
2.0Fail
2.5Fail
5.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

24241D
34342F
42423F
4F4F4E
9A9805

Deuteranopia

25251D
35352F
43433F
4F4F4E
A7B906

Tritanopia

281D1D
382F2F
453F3F
4F4E4E
F3090A

Achromatopsia

212121
323232
414141
4E4E4E
595959

Shades & Tints Shades & Tints

#291D1D

Dark
Light

#382F2F

Dark
Light

#453F3F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #291d1d;
  --color-2: #382f2f;
  --color-3: #453f3f;
  --color-4: #4f4e4e;
  --color-5: #ff1500;
}

SCSS

$color-1: #291d1d;
$color-2: #382f2f;
$color-3: #453f3f;
$color-4: #4f4e4e;
$color-5: #ff1500;

TAILWIND

colors: {
  'brand-1': '#291d1d',
  'brand-2': '#382f2f',
  'brand-3': '#453f3f',
  'brand-4': '#4f4e4e',
  'brand-5': '#ff1500',
}

RGB Array

[41, 29, 29], [56, 47, 47], [69, 63, 63], [79, 78, 78], [255, 21, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #291D1D, #382F2F, #453F3F, #4F4E4E, #FF1500 is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #291d1d; --color-2: #382f2f; --color-3: #453f3f; --color-4: #4f4e4e; --color-5: #ff1500. 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 finance, legal, luxury industries. Restrained colors convey professionalism and trust. 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