#47535C + #694150 + #A0003D + #B50018 + #291626 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#47535C

Slate Blue · DarkSlateGray · Prussian Blue

HEX

#47535C

RGB

rgb(71, 83, 92)

HSL

hsl(206, 13%, 32%)

HSB

hsb(206, 23%, 36%)

CMYK

cmyk(23%, 10%, 0%, 64%)

Oklch

oklch(43.5% 0.021 240.4)

Traditional「Slate Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

#694150

Dark Violet · DimGray · Camellia

HEX

#694150

RGB

rgb(105, 65, 80)

HSL

hsl(338, 24%, 33%)

HSB

hsb(338, 38%, 41%)

CMYK

cmyk(0%, 38%, 24%, 59%)

Oklch

oklch(42.7% 0.059 355.8)

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

#A0003D

Dark Violet · Brown · Camellia

HEX

#A0003D

RGB

rgb(160, 0, 61)

HSL

hsl(337, 100%, 31%)

HSB

hsb(337, 100%, 63%)

CMYK

cmyk(0%, 100%, 62%, 37%)

Oklch

oklch(45.1% 0.180 10.5)

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

#B50018

Vermilion · FireBrick · Wine Red

HEX

#B50018

RGB

rgb(181, 0, 24)

HSL

hsl(352, 100%, 35%)

HSB

hsb(352, 100%, 71%)

CMYK

cmyk(0%, 100%, 87%, 29%)

Oklch

oklch(48.7% 0.198 25.8)

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

#291626

Rose Purple · Black · Dark Purple

HEX

#291626

RGB

rgb(41, 22, 38)

HSL

hsl(309, 30%, 12%)

HSB

hsb(309, 46%, 16%)

CMYK

cmyk(0%, 46%, 7%, 84%)

Oklch

oklch(23.3% 0.041 332.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

47535C

5C5047

Analogous

475C5B

47535C

47485C

Triadic

47535C

5C4753

535C47

Split-Comp.

47535C

5C4748

5C5B47

Tetradic

47535C

5B475C

5C5047

485C47

Contrast Matrix WCAG 2.1 Contrast

47535C	694150	A0003D	B50018	291626
—	1.1 Fail	1.0 Fail	1.1 Fail	2.2 Fail
1.1 Fail	—	1.0 Fail	1.2 Fail	2.0 Fail
1.0 Fail	1.0 Fail	—	1.2 Fail	2.1 Fail
1.1 Fail	1.2 Fail	1.2 Fail	—	2.4 Fail
2.2 Fail	2.0 Fail	2.1 Fail	2.4 Fail	—

White BG

7.9AAA

8.5AAA

8.2AAA

7.1AAA

17.0AAA

Black BG

2.7Fail

2.5Fail

2.6Fail

3.0Fail

1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

4C4C5A

58574C

5B592E

676512

212122

Deuteranopia

4C4B59

5A5D4C

64702B

717F11

222321

Tritanopia

485858

674A49

982320

AC0E0D

281F1E

Achromatopsia

505050

4F4F4F

373737

393939

1E1E1E

Shades & Tints Shades & Tints

#47535C

Dark

Light

#694150

Dark

Light

#A0003D

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #47535c;
  --color-2: #694150;
  --color-3: #a0003d;
  --color-4: #b50018;
  --color-5: #291626;
}

SCSS

$color-1: #47535c;
$color-2: #694150;
$color-3: #a0003d;
$color-4: #b50018;
$color-5: #291626;

TAILWIND

colors: {
  'brand-1': '#47535c',
  'brand-2': '#694150',
  'brand-3': '#a0003d',
  'brand-4': '#b50018',
  'brand-5': '#291626',
}

RGB Array

[71, 83, 92], [105, 65, 80], [160, 0, 61], [181, 0, 24], [41, 22, 38]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #47535C, #694150, #A0003D, #B50018, #291626 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: #47535c; --color-2: #694150; --color-3: #a0003d; --color-4: #b50018; --color-5: #291626. 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 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