#53282F + #994A43 + #BA5C40 + #7D4256 + #603B5C · sunset - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#53282F

Crimson · DarkSlateGray · Wine Red

HEX

#53282F

RGB

rgb(83, 40, 47)

HSL

hsl(350, 35%, 24%)

HSB

hsb(350, 52%, 33%)

CMYK

cmyk(0%, 52%, 43%, 67%)

Oklch

oklch(33.7% 0.064 10.8)

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

#994A43

Crimson · Sienna · Passion Red

HEX

#994A43

RGB

rgb(153, 74, 67)

HSL

hsl(5, 39%, 43%)

HSB

hsb(5, 56%, 60%)

CMYK

cmyk(0%, 52%, 56%, 40%)

Oklch

oklch(50.7% 0.107 26.7)

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

#BA5C40

Crimson · Sienna · Passion Red

HEX

#BA5C40

RGB

rgb(186, 92, 64)

HSL

hsl(14, 49%, 49%)

HSB

hsb(14, 66%, 73%)

CMYK

cmyk(0%, 51%, 66%, 27%)

Oklch

oklch(58.3% 0.129 37.4)

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

#7D4256

Dark Violet · DimGray · Camellia

HEX

#7D4256

RGB

rgb(125, 66, 86)

HSL

hsl(340, 31%, 37%)

HSB

hsb(340, 47%, 49%)

CMYK

cmyk(0%, 47%, 31%, 51%)

Oklch

oklch(45.8% 0.085 359.3)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#603B5C

Rose Purple · DimGray · Eggplant

HEX

#603B5C

RGB

rgb(96, 59, 92)

HSL

hsl(306, 24%, 30%)

HSB

hsb(306, 39%, 38%)

CMYK

cmyk(0%, 39%, 4%, 62%)

Oklch

oklch(40.9% 0.072 330.7)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

53282F

28534B

Analogous

532844

53282F

533628

Triadic

53282F

2F5328

282F53

Split-Comp.

53282F

285336

284453

Tetradic

53282F

445328

28534B

362853

Contrast Matrix WCAG 2.1 Contrast

53282F	994A43	BA5C40	7D4256	603B5C
—	2.0 Fail	2.7 Fail	1.6 Fail	1.3 Fail
2.0 Fail	—	1.4 Fail	1.2 Fail	1.5 Fail
2.7 Fail	1.4 Fail	—	1.7 Fail	2.1 Fail
1.6 Fail	1.2 Fail	1.7 Fail	—	1.2 Fail
1.3 Fail	1.5 Fail	2.1 Fail	1.2 Fail	—

White BG

12.3AAA

6.1AA

4.5AA Large

7.5AAA

9.2AAA

Black BG

1.7Fail

3.4AA Large

4.7AA

2.8Fail

2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

40402D

777645

919047

636351

505054

Deuteranopia

43462D

7B8145

979E48

676B50

525552

Tritanopia

512C2C

954646

B54C4D

7A4D4D

5E4E4C

Achromatopsia

363636

616161

757575

565656

4A4A4A

Shades & Tints Shades & Tints

#53282F

Dark

Light

#994A43

Dark

Light

#BA5C40

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #53282f;
  --color-2: #994a43;
  --color-3: #ba5c40;
  --color-4: #7d4256;
  --color-5: #603b5c;
}

SCSS

$color-1: #53282f;
$color-2: #994a43;
$color-3: #ba5c40;
$color-4: #7d4256;
$color-5: #603b5c;

TAILWIND

colors: {
  'brand-1': '#53282f',
  'brand-2': '#994a43',
  'brand-3': '#ba5c40',
  'brand-4': '#7d4256',
  'brand-5': '#603b5c',
}

RGB Array

[83, 40, 47], [153, 74, 67], [186, 92, 64], [125, 66, 86], [96, 59, 92]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #53282F, #994A43, #BA5C40, #7D4256, #603B5C 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: #53282f; --color-2: #994a43; --color-3: #ba5c40; --color-4: #7d4256; --color-5: #603b5c. 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 sunset-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