← Back to Editor

#593D63 · #FEC461 · #DE3842 · #927929 · #160B0F

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

#593D63

Dark Plum · DarkSlateBlue · Eggplant

HEX
#593D63
RGB
rgb(89, 61, 99)
HSL
hsl(284, 24%, 31%)
HSB
hsb(284, 38%, 39%)
CMYK
cmyk(10%, 38%, 0%, 61%)
Oklch
oklch(40.7% 0.071 316.9)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#FEC461

Ginger · SandyBrown · Warm Sun

HEX
#FEC461
RGB
rgb(254, 196, 97)
HSL
hsl(38, 99%, 69%)
HSB
hsb(38, 62%, 100%)
CMYK
cmyk(0%, 23%, 62%, 0%)
Oklch
oklch(85.4% 0.133 78.7)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#DE3842

Vermilion · Crimson · Passion Red

HEX
#DE3842
RGB
rgb(222, 56, 66)
HSL
hsl(356, 72%, 55%)
HSB
hsb(356, 75%, 87%)
CMYK
cmyk(0%, 75%, 70%, 13%)
Oklch
oklch(59.7% 0.202 22.9)

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

#927929

Ochre · Sienna · Honey Gold

HEX
#927929
RGB
rgb(146, 121, 41)
HSL
hsl(46, 56%, 37%)
HSB
hsb(46, 72%, 57%)
CMYK
cmyk(0%, 17%, 72%, 43%)
Oklch
oklch(58.5% 0.102 91.3)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#160B0F

Dark Violet · Black · Raspberry

HEX
#160B0F
RGB
rgb(22, 11, 15)
HSL
hsl(338, 33%, 6%)
HSB
hsb(338, 50%, 9%)
CMYK
cmyk(0%, 50%, 32%, 91%)
Oklch
oklch(16.7% 0.021 356.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

593D63
46623C

Analogous

453C62
593D63
623C59

Triadic

593D63
62583C
3C6258

Split-Comp.

593D63
59623C
3C6245

Tetradic

593D63
62453C
46623C
3C5962

Contrast Matrix WCAG 2.1 Contrast

593D63
FEC461
DE3842
927929
160B0F
—
5.8
AA
2.1
Fail
2.2
Fail
2.1
Fail
5.8
AA
—
2.8
Fail
2.7
Fail
12.2
AAA
2.1
Fail
2.8
Fail
—
1.1
Fail
4.4
AA Large
2.2
Fail
2.7
Fail
1.1
Fail
—
4.6
AA
2.1
Fail
12.2
AAA
4.4
AA Large
4.6
AA
—
White BG
9.2AAA
1.6Fail
4.4AA Large
4.2AA Large
19.3AAA
Black BG
2.3Fail
13.3AAA
4.8AA
5.0AA
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

4D4D5A
E5E479
969540
87873C
11110E

Deuteranopia

4F5158
E8ED7F
A0AC3F
898B41
12130E

Tritanopia

585351
FB8C90
D63E3D
914C4F
150D0D

Achromatopsia

4A4A4A
CACACA
6B6B6B
777777
0F0F0F

Shades & Tints Shades & Tints

#593D63

Dark
Light

#FEC461

Dark
Light

#DE3842

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #593d63;
  --color-2: #fec461;
  --color-3: #de3842;
  --color-4: #927929;
  --color-5: #160b0f;
}

SCSS

$color-1: #593d63;
$color-2: #fec461;
$color-3: #de3842;
$color-4: #927929;
$color-5: #160b0f;

TAILWIND

colors: {
  'brand-1': '#593d63',
  'brand-2': '#fec461',
  'brand-3': '#de3842',
  'brand-4': '#927929',
  'brand-5': '#160b0f',
}

RGB Array

[89, 61, 99], [254, 196, 97], [222, 56, 66], [146, 121, 41], [22, 11, 15]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #593D63, #FEC461, #DE3842, #927929, #160B0F 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: #593d63; --color-2: #fec461; --color-3: #de3842; --color-4: #927929; --color-5: #160b0f. 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