← Back to Editor

#E0C3A7 · #B2B487 · #B48D7D · #FF1585 · #7A265A

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

#E0C3A7

Apricot · BurlyWood · Peach Orange

HEX
#E0C3A7
RGB
rgb(224, 195, 167)
HSL
hsl(29, 48%, 77%)
HSB
hsb(29, 25%, 88%)
CMYK
cmyk(0%, 13%, 25%, 12%)
Oklch
oklch(83.5% 0.050 66.1)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#B2B487

Fresh Green · Tan · Sunflower

HEX
#B2B487
RGB
rgb(178, 180, 135)
HSL
hsl(63, 23%, 62%)
HSB
hsb(63, 25%, 71%)
CMYK
cmyk(1%, 0%, 25%, 29%)
Oklch
oklch(75.7% 0.061 109.9)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#B48D7D

Tangerine · Tan · Warm Sun

HEX
#B48D7D
RGB
rgb(180, 141, 125)
HSL
hsl(17, 27%, 60%)
HSB
hsb(17, 31%, 71%)
CMYK
cmyk(0%, 22%, 31%, 29%)
Oklch
oklch(67.6% 0.053 43.4)

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

#FF1585

Dark Violet · DeepPink · Rose Pink

HEX
#FF1585
RGB
rgb(255, 21, 133)
HSL
hsl(331, 100%, 54%)
HSB
hsb(331, 92%, 100%)
CMYK
cmyk(0%, 92%, 48%, 0%)
Oklch
oklch(65.1% 0.257 1.4)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#7A265A

Rose Purple · Purple · Camellia

HEX
#7A265A
RGB
rgb(122, 38, 90)
HSL
hsl(323, 53%, 31%)
HSB
hsb(323, 69%, 48%)
CMYK
cmyk(0%, 69%, 26%, 52%)
Oklch
oklch(41.4% 0.130 346.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E0C3A7
A8C5E1

Analogous

E1A8A9
E0C3A7
E1E0A8

Triadic

E0C3A7
A8E1C3
C3A8E1

Split-Comp.

E0C3A7
A8E1E0
A8A9E1

Tetradic

E0C3A7
A9E1A8
A8C5E1
E0A8E1

Contrast Matrix WCAG 2.1 Contrast

E0C3A7
B2B487
B48D7D
FF1585
7A265A
—
1.3
Fail
1.8
Fail
2.2
Fail
5.6
AA
1.3
Fail
—
1.4
Fail
1.7
Fail
4.3
AA Large
1.8
Fail
1.4
Fail
—
1.2
Fail
3.1
AA Large
2.2
Fail
1.7
Fail
1.2
Fail
—
2.5
Fail
5.6
AA
4.3
AA Large
3.1
AA Large
2.5
Fail
—
White BG
1.7Fail
2.1Fail
3.0Fail
3.7AA Large
9.3AAA
Black BG
12.5AAA
9.8AAA
7.0AAA
5.7AA
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D3D3AE
B3B392
A3A381
9A986A
56554D

Deuteranopia

D5D7AF
B3B395
A5A882
A7B963
5B614A

Tritanopia

DFB3B4
B29A9C
B28485
F35550
764341

Achromatopsia

C8C8C8
AEAEAE
979797
686868
454545

Shades & Tints Shades & Tints

#E0C3A7

Dark
Light

#B2B487

Dark
Light

#B48D7D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e0c3a7;
  --color-2: #b2b487;
  --color-3: #b48d7d;
  --color-4: #ff1585;
  --color-5: #7a265a;
}

SCSS

$color-1: #e0c3a7;
$color-2: #b2b487;
$color-3: #b48d7d;
$color-4: #ff1585;
$color-5: #7a265a;

TAILWIND

colors: {
  'brand-1': '#e0c3a7',
  'brand-2': '#b2b487',
  'brand-3': '#b48d7d',
  'brand-4': '#ff1585',
  'brand-5': '#7a265a',
}

RGB Array

[224, 195, 167], [178, 180, 135], [180, 141, 125], [255, 21, 133], [122, 38, 90]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E0C3A7, #B2B487, #B48D7D, #FF1585, #7A265A 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: #e0c3a7; --color-2: #b2b487; --color-3: #b48d7d; --color-4: #ff1585; --color-5: #7a265a. 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