#543E41 + #49323C + #15829F + #EDD535 + #C20604 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#543E41

Crimson · DarkSlateGray · Wine Red

HEX

#543E41

RGB

rgb(84, 62, 65)

HSL

hsl(352, 15%, 29%)

HSB

hsb(352, 26%, 33%)

CMYK

cmyk(0%, 26%, 23%, 67%)

Oklch

oklch(38.9% 0.031 9.5)

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

#49323C

Dark Violet · DarkSlateGray · Raspberry

HEX

#49323C

RGB

rgb(73, 50, 60)

HSL

hsl(334, 19%, 24%)

HSB

hsb(334, 32%, 29%)

CMYK

cmyk(0%, 32%, 18%, 71%)

Oklch

oklch(34.7% 0.037 351.4)

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

#15829F

Lake Blue · Teal · Mint Ice

HEX

#15829F

RGB

rgb(21, 130, 159)

HSL

hsl(193, 77%, 35%)

HSB

hsb(193, 87%, 62%)

CMYK

cmyk(87%, 18%, 0%, 38%)

Oklch

oklch(56.4% 0.099 221.8)

Traditional「Lake Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#EDD535

Autumn Sage · GoldenRod · Sunflower

HEX

#EDD535

RGB

rgb(237, 213, 53)

HSL

hsl(52, 84%, 57%)

HSB

hsb(52, 78%, 93%)

CMYK

cmyk(0%, 10%, 78%, 7%)

Oklch

oklch(86.7% 0.167 100.2)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#C20604

Vermilion · FireBrick · Wine Red

HEX

#C20604

RGB

rgb(194, 6, 4)

HSL

hsl(1, 96%, 39%)

HSB

hsb(1, 98%, 76%)

CMYK

cmyk(0%, 97%, 98%, 24%)

Oklch

oklch(51.3% 0.208 29.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

543E41

3F5552

Analogous

553F4D

543E41

55473F

Triadic

543E41

42553F

3F4255

Split-Comp.

543E41

3F5547

3F4D55

Tetradic

543E41

4D553F

3F5552

473F55

Contrast Matrix WCAG 2.1 Contrast

543E41	49323C	15829F	EDD535	C20604
—	1.2 Fail	2.2 Fail	6.6 AA	1.6 Fail
1.2 Fail	—	2.6 Fail	7.9 AAA	1.8 Fail
2.2 Fail	2.6 Fail	—	3.0 Fail	1.4 Fail
6.6 AA	7.9 AAA	3.0 Fail	—	4.3 AA Large
1.6 Fail	1.8 Fail	1.4 Fail	4.3 AA Large	—

White BG

9.8AAA

11.6AAA

4.4AA Large

1.5Fail

6.3AA

Black BG

2.1Fail

1.8Fail

4.7AA

14.2AAA

3.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

4A4A40

3F3F3A

444598

E3E25C

716F04

Deuteranopia

4C4D40

404239

3E3696

E4E665

7C8A05

Tritanopia

534040

483837

1A9291

EC7A81

B90505

Achromatopsia

454545

3A3A3A

656565

CACACA

3E3E3E

Shades & Tints Shades & Tints

#543E41

Dark

Light

#49323C

Dark

Light

#15829F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #543e41;
  --color-2: #49323c;
  --color-3: #15829f;
  --color-4: #edd535;
  --color-5: #c20604;
}

SCSS

$color-1: #543e41;
$color-2: #49323c;
$color-3: #15829f;
$color-4: #edd535;
$color-5: #c20604;

TAILWIND

colors: {
  'brand-1': '#543e41',
  'brand-2': '#49323c',
  'brand-3': '#15829f',
  'brand-4': '#edd535',
  'brand-5': '#c20604',
}

RGB Array

[84, 62, 65], [73, 50, 60], [21, 130, 159], [237, 213, 53], [194, 6, 4]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #543E41, #49323C, #15829F, #EDD535, #C20604 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: #543e41; --color-2: #49323c; --color-3: #15829f; --color-4: #edd535; --color-5: #c20604. 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