#E0791E + #E49D52 + #465B64 + #97B098 + #574439 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#E0791E

Tangerine · Chocolate · Amber Brown

HEX

#E0791E

RGB

rgb(224, 121, 30)

HSL

hsl(28, 76%, 50%)

HSB

hsb(28, 87%, 88%)

CMYK

cmyk(0%, 46%, 87%, 12%)

Oklch

oklch(67.9% 0.158 55.1)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#E49D52

Ginger · SandyBrown · Warm Sun

HEX

#E49D52

RGB

rgb(228, 157, 82)

HSL

hsl(31, 73%, 61%)

HSB

hsb(31, 64%, 89%)

CMYK

cmyk(0%, 31%, 64%, 11%)

Oklch

oklch(75.1% 0.124 65.3)

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

#465B64

Slate Blue · DarkSlateGray · Mint Ice

HEX

#465B64

RGB

rgb(70, 91, 100)

HSL

hsl(198, 18%, 33%)

HSB

hsb(198, 30%, 39%)

CMYK

cmyk(30%, 9%, 0%, 61%)

Oklch

oklch(45.7% 0.029 226.0)

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

#97B098

Celadon · DarkSeaGreen · Apple Green

HEX

#97B098

RGB

rgb(151, 176, 152)

HSL

hsl(122, 14%, 64%)

HSB

hsb(122, 14%, 69%)

CMYK

cmyk(14%, 0%, 14%, 31%)

Oklch

oklch(73.1% 0.044 146.2)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#574439

Tangerine · DarkOliveGreen · Amber Brown

HEX

#574439

RGB

rgb(87, 68, 57)

HSL

hsl(22, 21%, 28%)

HSB

hsb(22, 34%, 34%)

CMYK

cmyk(0%, 22%, 34%, 66%)

Oklch

oklch(40.4% 0.032 51.6)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E0791E

1F86E0

Analogous

E01F25

E0791E

E0DA1F

Triadic

E0791E

1FE079

791FE0

Split-Comp.

E0791E

1FE0DA

1F25E0

Tetradic

E0791E

25E01F

1F86E0

DA1FE0

Contrast Matrix WCAG 2.1 Contrast

E0791E	E49D52	465B64	97B098	574439
—	1.3 Fail	2.4 Fail	1.3 Fail	3.0 AA Large
1.3 Fail	—	3.1 AA Large	1.0 Fail	4.0 AA Large
2.4 Fail	3.1 AA Large	—	3.1 AA Large	1.3 Fail
1.3 Fail	1.0 Fail	3.1 AA Large	—	3.9 AA Large
3.0 AA Large	4.0 AA Large	1.3 Fail	3.9 AA Large	—

White BG

3.0AA Large

2.3Fail

7.1AAA

2.3Fail

9.2AAA

Black BG

6.9AA

9.2AAA

2.9Fail

9.0AAA

2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B3B234

C5C564

4F4F62

A2A29E

4F4F3C

Deuteranopia

B9C139

C9CF69

4E4C61

A09F9F

50513C

Tritanopia

DB4549

E07276

476060

98A2A3

563E3E

Achromatopsia

8D8D8D

AAAAAA

565656

A6A6A6

484848

Shades & Tints Shades & Tints

#E0791E

Dark

Light

#E49D52

Dark

Light

#465B64

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e0791e;
  --color-2: #e49d52;
  --color-3: #465b64;
  --color-4: #97b098;
  --color-5: #574439;
}

SCSS

$color-1: #e0791e;
$color-2: #e49d52;
$color-3: #465b64;
$color-4: #97b098;
$color-5: #574439;

TAILWIND

colors: {
  'brand-1': '#e0791e',
  'brand-2': '#e49d52',
  'brand-3': '#465b64',
  'brand-4': '#97b098',
  'brand-5': '#574439',
}

RGB Array

[224, 121, 30], [228, 157, 82], [70, 91, 100], [151, 176, 152], [87, 68, 57]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E0791E, #E49D52, #465B64, #97B098, #574439 is ideal for: corporate websites, product showcases, portfolios. 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: #e0791e; --color-2: #e49d52; --color-3: #465b64; --color-4: #97b098; --color-5: #574439. 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. 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