← Back to Editor

#E14F67 · #FF625D · #E86661 · #AA9E96 · #6F513B

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

#E14F67

Vermilion · Tomato · Passion Red

HEX
#E14F67
RGB
rgb(225, 79, 103)
HSL
hsl(350, 71%, 60%)
HSB
hsb(350, 65%, 88%)
CMYK
cmyk(0%, 65%, 54%, 12%)
Oklch
oklch(63.2% 0.181 14.3)

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

#FF625D

Peach Pink · Tomato · Coral Red

HEX
#FF625D
RGB
rgb(255, 98, 93)
HSL
hsl(2, 100%, 68%)
HSB
hsb(2, 64%, 100%)
CMYK
cmyk(0%, 62%, 64%, 0%)
Oklch
oklch(69.8% 0.192 25.2)

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

#E86661

Peach Pink · Tomato · Coral Red

HEX
#E86661
RGB
rgb(232, 102, 97)
HSL
hsl(2, 75%, 65%)
HSB
hsb(2, 58%, 91%)
CMYK
cmyk(0%, 56%, 58%, 9%)
Oklch
oklch(67.0% 0.163 24.7)

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

#AA9E96

Apricot · DarkGray · Warm Sun

HEX
#AA9E96
RGB
rgb(170, 158, 150)
HSL
hsl(24, 11%, 63%)
HSB
hsb(24, 12%, 67%)
CMYK
cmyk(0%, 7%, 12%, 33%)
Oklch
oklch(70.7% 0.018 56.1)

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

#6F513B

Tangerine · DarkOliveGreen · Amber Brown

HEX
#6F513B
RGB
rgb(111, 81, 59)
HSL
hsl(25, 31%, 33%)
HSB
hsb(25, 47%, 44%)
CMYK
cmyk(0%, 27%, 47%, 56%)
Oklch
oklch(46.1% 0.052 57.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E14F67
51E1C9

Analogous

E151B1
E14F67
E18151

Triadic

E14F67
69E151
5169E1

Split-Comp.

E14F67
51E181
51B1E1

Tetradic

E14F67
B1E151
51E1C9
8151E1

Contrast Matrix WCAG 2.1 Contrast

E14F67
FF625D
E86661
AA9E96
6F513B
—
1.3
Fail
1.2
Fail
1.5
Fail
1.9
Fail
1.3
Fail
—
1.1
Fail
1.1
Fail
2.5
Fail
1.2
Fail
1.1
Fail
—
1.2
Fail
2.2
Fail
1.5
Fail
1.1
Fail
1.2
Fail
—
2.8
Fail
1.9
Fail
2.5
Fail
2.2
Fail
2.8
Fail
—
White BG
3.8AA Large
2.9Fail
3.2AA Large
2.6Fail
7.2AAA
Black BG
5.5AA
7.2AAA
6.5AA
8.0AAA
2.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A2A061
BBBA5E
B0AF62
A5A598
626240

Deuteranopia

AAB560
C4D05F
B7C162
A6A698
646642

Tritanopia

DA5D5C
F75F5F
E16363
A9999A
6D4545

Achromatopsia

7D7D7D
909090
8C8C8C
A1A1A1
575757

Shades & Tints Shades & Tints

#E14F67

Dark
Light

#FF625D

Dark
Light

#E86661

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e14f67;
  --color-2: #ff625d;
  --color-3: #e86661;
  --color-4: #aa9e96;
  --color-5: #6f513b;
}

SCSS

$color-1: #e14f67;
$color-2: #ff625d;
$color-3: #e86661;
$color-4: #aa9e96;
$color-5: #6f513b;

TAILWIND

colors: {
  'brand-1': '#e14f67',
  'brand-2': '#ff625d',
  'brand-3': '#e86661',
  'brand-4': '#aa9e96',
  'brand-5': '#6f513b',
}

RGB Array

[225, 79, 103], [255, 98, 93], [232, 102, 97], [170, 158, 150], [111, 81, 59]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E14F67, #FF625D, #E86661, #AA9E96, #6F513B 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: #e14f67; --color-2: #ff625d; --color-3: #e86661; --color-4: #aa9e96; --color-5: #6f513b. 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