← Back to Editor

#E26961 · #FD9D73 · #E5BF92 · #A1AB90 · #65948A

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#E26961

Peach Pink · Salmon · Coral Red

HEX
#E26961
RGB
rgb(226, 105, 97)
HSL
hsl(4, 69%, 63%)
HSB
hsb(4, 57%, 89%)
CMYK
cmyk(0%, 54%, 57%, 11%)
Oklch
oklch(66.5% 0.153 25.9)

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

#FD9D73

Apricot · LightSalmon · Warm Sun

HEX
#FD9D73
RGB
rgb(253, 157, 115)
HSL
hsl(18, 97%, 72%)
HSB
hsb(18, 55%, 99%)
CMYK
cmyk(0%, 38%, 55%, 1%)
Oklch
oklch(78.5% 0.128 44.1)

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

#E5BF92

Goose Yellow · BurlyWood · Warm Sun

HEX
#E5BF92
RGB
rgb(229, 191, 146)
HSL
hsl(33, 61%, 74%)
HSB
hsb(33, 36%, 90%)
CMYK
cmyk(0%, 17%, 36%, 10%)
Oklch
oklch(82.7% 0.074 71.3)

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

#A1AB90

Willow Green · DarkSeaGreen · Apple Green

HEX
#A1AB90
RGB
rgb(161, 171, 144)
HSL
hsl(82, 14%, 62%)
HSB
hsb(82, 16%, 67%)
CMYK
cmyk(6%, 0%, 16%, 33%)
Oklch
oklch(72.6% 0.040 123.9)

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

#65948A

Mineral Blue · SlateGray · Mint Ice

HEX
#65948A
RGB
rgb(101, 148, 138)
HSL
hsl(167, 19%, 49%)
HSB
hsb(167, 32%, 58%)
CMYK
cmyk(32%, 0%, 7%, 42%)
Oklch
oklch(63.0% 0.053 179.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E26961
60D9E2

Analogous

E26098
E26961
E2A960

Triadic

E26961
60E268
6860E2

Split-Comp.

E26961
60E2A9
6098E2

Tetradic

E26961
98E260
60D9E2
A960E2

Contrast Matrix WCAG 2.1 Contrast

E26961
FD9D73
E5BF92
A1AB90
65948A
—
1.6
Fail
1.9
Fail
1.4
Fail
1.0
Fail
1.6
Fail
—
1.2
Fail
1.2
Fail
1.7
Fail
1.9
Fail
1.2
Fail
—
1.4
Fail
2.0
Fail
1.4
Fail
1.2
Fail
1.4
Fail
—
1.4
Fail
1.0
Fail
1.7
Fail
2.0
Fail
1.4
Fail
—
White BG
3.3AA Large
2.0Fail
1.7Fail
2.4Fail
3.4AA Large
Black BG
6.4AA
10.2AAA
12.2AAA
8.7AAA
6.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AEAD63
D3D37D
D5D49D
A5A597
797A8C

Deuteranopia

B5BE63
D9E080
D7DAA0
A5A498
77738D

Tritanopia

DC6465
F88587
E3A5A7
A29C9D
678E8F

Achromatopsia

8C8C8C
B5B5B5
C5C5C5
A5A5A5
858585

Shades & Tints Shades & Tints

#E26961

Dark
Light

#FD9D73

Dark
Light

#E5BF92

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e26961;
  --color-2: #fd9d73;
  --color-3: #e5bf92;
  --color-4: #a1ab90;
  --color-5: #65948a;
}

SCSS

$color-1: #e26961;
$color-2: #fd9d73;
$color-3: #e5bf92;
$color-4: #a1ab90;
$color-5: #65948a;

TAILWIND

colors: {
  'brand-1': '#e26961',
  'brand-2': '#fd9d73',
  'brand-3': '#e5bf92',
  'brand-4': '#a1ab90',
  'brand-5': '#65948a',
}

RGB Array

[226, 105, 97], [253, 157, 115], [229, 191, 146], [161, 171, 144], [101, 148, 138]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E26961, #FD9D73, #E5BF92, #A1AB90, #65948A 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: #e26961; --color-2: #fd9d73; --color-3: #e5bf92; --color-4: #a1ab90; --color-5: #65948a. 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