← Back to Editor

#5E6E85 · #5E4A5D · #D9423B · #D99C3B · #E8C997

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#5E6E85

Indigo · SlateGray · Navy Blue

HEX
#5E6E85
RGB
rgb(94, 110, 133)
HSL
hsl(215, 17%, 45%)
HSB
hsb(215, 29%, 52%)
CMYK
cmyk(29%, 17%, 0%, 48%)
Oklch
oklch(53.4% 0.041 257.4)

Traditional「Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#5E4A5D

Rose Purple · DimGray · Eggplant

HEX
#5E4A5D
RGB
rgb(94, 74, 93)
HSL
hsl(303, 12%, 33%)
HSB
hsb(303, 21%, 37%)
CMYK
cmyk(0%, 21%, 1%, 63%)
Oklch
oklch(43.7% 0.040 327.8)

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

#D9423B

Vermilion · Crimson · Passion Red

HEX
#D9423B
RGB
rgb(217, 66, 59)
HSL
hsl(3, 68%, 54%)
HSB
hsb(3, 73%, 85%)
CMYK
cmyk(0%, 70%, 73%, 15%)
Oklch
oklch(59.7% 0.189 27.2)

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

#D99C3B

Ginger · GoldenRod · Warm Sun

HEX
#D99C3B
RGB
rgb(217, 156, 59)
HSL
hsl(37, 68%, 54%)
HSB
hsb(37, 73%, 85%)
CMYK
cmyk(0%, 28%, 73%, 15%)
Oklch
oklch(73.5% 0.132 75.2)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#E8C997

Goose Yellow · BurlyWood · Warm Sun

HEX
#E8C997
RGB
rgb(232, 201, 151)
HSL
hsl(37, 64%, 75%)
HSB
hsb(37, 35%, 91%)
CMYK
cmyk(0%, 13%, 35%, 9%)
Oklch
oklch(85.0% 0.074 79.4)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5E6E85
86765F

Analogous

5F8386
5E6E85
625F86

Triadic

5E6E85
865F6F
6F865F

Split-Comp.

5E6E85
86625F
83865F

Tetradic

5E6E85
865F83
86765F
5F8662

Contrast Matrix WCAG 2.1 Contrast

5E6E85
5E4A5D
D9423B
D99C3B
E8C997
—
1.5
Fail
1.2
Fail
2.2
Fail
3.3
AA Large
1.5
Fail
—
1.8
Fail
3.4
AA Large
5.1
AA
1.2
Fail
1.8
Fail
—
1.8
Fail
2.8
Fail
2.2
Fail
3.4
AA Large
1.8
Fail
—
1.5
Fail
3.3
AA Large
5.1
AA
2.8
Fail
1.5
Fail
—
White BG
5.2AA
8.0AAA
4.4AA Large
2.4Fail
1.6Fail
Black BG
4.0AA Large
2.6Fail
4.8AA
8.8AAA
13.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

65657F
555558
98963D
BFBE52
DBDAA3

Deuteranopia

64637E
575857
A0AC3D
C2C758
DCDFA6

Tritanopia

5F7B7A
5D5554
D13E3E
D66569
E6ADAF

Achromatopsia

6C6C6C
525252
6E6E6E
A3A3A3
CDCDCD

Shades & Tints Shades & Tints

#5E6E85

Dark
Light

#5E4A5D

Dark
Light

#D9423B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5e6e85;
  --color-2: #5e4a5d;
  --color-3: #d9423b;
  --color-4: #d99c3b;
  --color-5: #e8c997;
}

SCSS

$color-1: #5e6e85;
$color-2: #5e4a5d;
$color-3: #d9423b;
$color-4: #d99c3b;
$color-5: #e8c997;

TAILWIND

colors: {
  'brand-1': '#5e6e85',
  'brand-2': '#5e4a5d',
  'brand-3': '#d9423b',
  'brand-4': '#d99c3b',
  'brand-5': '#e8c997',
}

RGB Array

[94, 110, 133], [94, 74, 93], [217, 66, 59], [217, 156, 59], [232, 201, 151]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #5E6E85, #5E4A5D, #D9423B, #D99C3B, #E8C997 is ideal for: 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: #5e6e85; --color-2: #5e4a5d; --color-3: #d9423b; --color-4: #d99c3b; --color-5: #e8c997. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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