← Back to Editor

#E9C092 · #797873 · #37526C · #452F46 · #44192B

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

#E9C092

Goose Yellow · BurlyWood · Warm Sun

HEX
#E9C092
RGB
rgb(233, 192, 146)
HSL
hsl(32, 66%, 74%)
HSB
hsb(32, 37%, 91%)
CMYK
cmyk(0%, 18%, 37%, 9%)
Oklch
oklch(83.3% 0.077 69.7)

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

#797873

Ink Gray · Gray · Warm Gray

HEX
#797873
RGB
rgb(121, 120, 115)
HSL
hsl(50, 3%, 46%)
HSB
hsb(50, 5%, 47%)
CMYK
cmyk(0%, 1%, 5%, 53%)
Oklch
oklch(57.2% 0.008 97.4)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#37526C

Slate Blue · DarkSlateGray · Prussian Blue

HEX
#37526C
RGB
rgb(55, 82, 108)
HSL
hsl(209, 33%, 32%)
HSB
hsb(209, 49%, 42%)
CMYK
cmyk(49%, 24%, 0%, 58%)
Oklch
oklch(42.8% 0.054 248.3)

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

#452F46

Dark Plum · DarkSlateGray · Eggplant

HEX
#452F46
RGB
rgb(69, 47, 70)
HSL
hsl(297, 20%, 23%)
HSB
hsb(297, 33%, 27%)
CMYK
cmyk(1%, 33%, 0%, 73%)
Oklch
oklch(34.0% 0.049 325.1)

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

#44192B

Dark Violet · DarkSlateGray · Raspberry

HEX
#44192B
RGB
rgb(68, 25, 43)
HSL
hsl(335, 46%, 18%)
HSB
hsb(335, 63%, 27%)
CMYK
cmyk(0%, 63%, 37%, 73%)
Oklch
oklch(28.5% 0.070 356.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E9C092
91BAE8

Analogous

E89491
E9C092
E6E891

Triadic

E9C092
91E8C0
C091E8

Split-Comp.

E9C092
91E6E8
9491E8

Tetradic

E9C092
91E894
91BAE8
E891E6

Contrast Matrix WCAG 2.1 Contrast

E9C092
797873
37526C
452F46
44192B
—
2.6
Fail
4.8
AA
7.1
AAA
8.7
AAA
2.6
Fail
—
1.8
Fail
2.7
Fail
3.3
AA Large
4.8
AA
1.8
Fail
—
1.5
Fail
1.8
Fail
7.1
AAA
2.7
Fail
1.5
Fail
—
1.2
Fail
8.7
AAA
3.3
AA Large
1.8
Fail
1.2
Fail
—
White BG
1.7Fail
4.4AA Large
8.1AAA
12.0AAA
14.8AAA
Black BG
12.4AAA
4.7AA
2.6Fail
1.7Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D7D79D
797974
434366
3B3B40
313127

Deuteranopia

DADDA0
797975
413F64
3D3E3F
343726

Tritanopia

E7A6A8
797575
386160
443C3B
422322

Achromatopsia

C7C7C7
787878
4D4D4D
383838
282828

Shades & Tints Shades & Tints

#E9C092

Dark
Light

#797873

Dark
Light

#37526C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e9c092;
  --color-2: #797873;
  --color-3: #37526c;
  --color-4: #452f46;
  --color-5: #44192b;
}

SCSS

$color-1: #e9c092;
$color-2: #797873;
$color-3: #37526c;
$color-4: #452f46;
$color-5: #44192b;

TAILWIND

colors: {
  'brand-1': '#e9c092',
  'brand-2': '#797873',
  'brand-3': '#37526c',
  'brand-4': '#452f46',
  'brand-5': '#44192b',
}

RGB Array

[233, 192, 146], [121, 120, 115], [55, 82, 108], [69, 47, 70], [68, 25, 43]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E9C092, #797873, #37526C, #452F46, #44192B 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: #e9c092; --color-2: #797873; --color-3: #37526c; --color-4: #452f46; --color-5: #44192b. 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