← Back to Editor

#815567 · #B5545F · #E9615F · #F0957F · #EAC195

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

#815567

Dark Violet · DimGray · Camellia

HEX
#815567
RGB
rgb(129, 85, 103)
HSL
hsl(335, 21%, 42%)
HSB
hsb(335, 34%, 51%)
CMYK
cmyk(0%, 34%, 20%, 49%)
Oklch
oklch(50.3% 0.063 353.4)

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

#B5545F

Crimson · Sienna · Passion Red

HEX
#B5545F
RGB
rgb(181, 84, 95)
HSL
hsl(353, 40%, 52%)
HSB
hsb(353, 54%, 71%)
CMYK
cmyk(0%, 54%, 48%, 29%)
Oklch
oklch(57.0% 0.126 14.9)

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

#E9615F

Peach Pink · Tomato · Coral Red

HEX
#E9615F
RGB
rgb(233, 97, 95)
HSL
hsl(1, 76%, 64%)
HSB
hsb(1, 59%, 91%)
CMYK
cmyk(0%, 58%, 59%, 9%)
Oklch
oklch(66.4% 0.170 23.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#F0957F

Peach Pink · DarkSalmon · Coral Red

HEX
#F0957F
RGB
rgb(240, 149, 127)
HSL
hsl(12, 79%, 72%)
HSB
hsb(12, 47%, 94%)
CMYK
cmyk(0%, 38%, 47%, 6%)
Oklch
oklch(75.8% 0.115 34.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#EAC195

Goose Yellow · BurlyWood · Warm Sun

HEX
#EAC195
RGB
rgb(234, 193, 149)
HSL
hsl(31, 67%, 75%)
HSB
hsb(31, 36%, 92%)
CMYK
cmyk(0%, 18%, 36%, 8%)
Oklch
oklch(83.6% 0.075 68.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

815567
55826F

Analogous

82557E
815567
825855

Triadic

815567
678255
556782

Split-Comp.

815567
558258
557E82

Tetradic

815567
7E8255
55826F
585582

Contrast Matrix WCAG 2.1 Contrast

815567
B5545F
E9615F
F0957F
EAC195
—
1.3
Fail
1.8
Fail
2.7
Fail
3.7
AA Large
1.3
Fail
—
1.4
Fail
2.1
Fail
2.9
Fail
1.8
Fail
1.4
Fail
—
1.5
Fail
2.0
Fail
2.7
Fail
2.1
Fail
1.5
Fail
—
1.3
Fail
3.7
AA Large
2.9
Fail
2.0
Fail
1.3
Fail
—
White BG
6.1AA
4.8AA
3.3AA Large
2.3Fail
1.7Fail
Black BG
3.4AA Large
4.4AA Large
6.3AA
9.3AAA
12.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6E6E63
8B8A5C
AEAD5F
C9C884
D8D8A0

Deuteranopia

717462
91985C
B6C060
CED586
DBDEA2

Tritanopia

7F5F5E
B05A5A
E26060
EB8989
E8A8AA

Achromatopsia

646464
727272
898989
AEAEAE
C8C8C8

Shades & Tints Shades & Tints

#815567

Dark
Light

#B5545F

Dark
Light

#E9615F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #815567;
  --color-2: #b5545f;
  --color-3: #e9615f;
  --color-4: #f0957f;
  --color-5: #eac195;
}

SCSS

$color-1: #815567;
$color-2: #b5545f;
$color-3: #e9615f;
$color-4: #f0957f;
$color-5: #eac195;

TAILWIND

colors: {
  'brand-1': '#815567',
  'brand-2': '#b5545f',
  'brand-3': '#e9615f',
  'brand-4': '#f0957f',
  'brand-5': '#eac195',
}

RGB Array

[129, 85, 103], [181, 84, 95], [233, 97, 95], [240, 149, 127], [234, 193, 149]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #815567, #B5545F, #E9615F, #F0957F, #EAC195 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: #815567; --color-2: #b5545f; --color-3: #e9615f; --color-4: #f0957f; --color-5: #eac195. 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