← Back to Editor

#90728A · #915F74 · #884557 · #ECA47C · #EFCD76

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 Library

Color Details Color Details

#90728A

Rose Purple · Gray · Violet

HEX
#90728A
RGB
rgb(144, 114, 138)
HSL
hsl(312, 12%, 51%)
HSB
hsb(312, 21%, 56%)
CMYK
cmyk(0%, 21%, 4%, 44%)
Oklch
oklch(58.9% 0.051 333.2)

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

#915F74

Dark Violet · Gray · Camellia

HEX
#915F74
RGB
rgb(145, 95, 116)
HSL
hsl(335, 21%, 47%)
HSB
hsb(335, 34%, 57%)
CMYK
cmyk(0%, 34%, 20%, 43%)
Oklch
oklch(54.6% 0.071 352.9)

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

#884557

Dark Violet · Sienna · Camellia

HEX
#884557
RGB
rgb(136, 69, 87)
HSL
hsl(344, 33%, 40%)
HSB
hsb(344, 49%, 53%)
CMYK
cmyk(0%, 49%, 36%, 47%)
Oklch
oklch(47.9% 0.093 4.1)

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

#ECA47C

Apricot · DarkSalmon · Warm Sun

HEX
#ECA47C
RGB
rgb(236, 164, 124)
HSL
hsl(21, 75%, 71%)
HSB
hsb(21, 47%, 93%)
CMYK
cmyk(0%, 31%, 47%, 7%)
Oklch
oklch(77.9% 0.101 49.8)

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

#EFCD76

Ginger · BurlyWood · Sunflower

HEX
#EFCD76
RGB
rgb(239, 205, 118)
HSL
hsl(43, 79%, 70%)
HSB
hsb(43, 51%, 94%)
CMYK
cmyk(0%, 14%, 51%, 6%)
Oklch
oklch(85.9% 0.113 88.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

90728A
739179

Analogous

887391
90728A
91737C

Triadic

90728A
8B9173
738B91

Split-Comp.

90728A
7C9173
739188

Tetradic

90728A
918873
739179
737C91

Contrast Matrix WCAG 2.1 Contrast

90728A
915F74
884557
ECA47C
EFCD76
—
1.2
Fail
1.6
Fail
2.1
Fail
2.8
Fail
1.2
Fail
—
1.3
Fail
2.5
Fail
3.3
AA Large
1.6
Fail
1.3
Fail
—
3.3
AA Large
4.5
AA
2.1
Fail
2.5
Fail
3.3
AA Large
—
1.3
Fail
2.8
Fail
3.3
AA Large
4.5
AA
1.3
Fail
—
White BG
4.2AA Large
5.1AA
6.9AA
2.1Fail
1.5Fail
Black BG
5.0AA
4.1AA Large
3.0AA Large
10.2AAA
13.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

838384
7B7B6F
6B6A53
CDCC86
E0E08B

Deuteranopia

858783
7E826E
6F7452
D1D688
E2E590

Tritanopia

8E807F
8F6B6A
854F4E
E88D8F
ED9C9F

Achromatopsia

7E7E7E
707070
5B5B5B
B5B5B5
CDCDCD

Shades & Tints Shades & Tints

#90728A

Dark
Light

#915F74

Dark
Light

#884557

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #90728a;
  --color-2: #915f74;
  --color-3: #884557;
  --color-4: #eca47c;
  --color-5: #efcd76;
}

SCSS

$color-1: #90728a;
$color-2: #915f74;
$color-3: #884557;
$color-4: #eca47c;
$color-5: #efcd76;

TAILWIND

colors: {
  'brand-1': '#90728a',
  'brand-2': '#915f74',
  'brand-3': '#884557',
  'brand-4': '#eca47c',
  'brand-5': '#efcd76',
}

RGB Array

[144, 114, 138], [145, 95, 116], [136, 69, 87], [236, 164, 124], [239, 205, 118]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #90728A, #915F74, #884557, #ECA47C, #EFCD76 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: #90728a; --color-2: #915f74; --color-3: #884557; --color-4: #eca47c; --color-5: #efcd76. 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