← Back to Editor

#E65854 · #FA9C5C · #929840 · #469989 · #CAB3A3

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

#E65854

Peach Pink · Tomato · Coral Red

HEX
#E65854
RGB
rgb(230, 88, 84)
HSL
hsl(2, 74%, 62%)
HSB
hsb(2, 63%, 90%)
CMYK
cmyk(0%, 62%, 63%, 10%)
Oklch
oklch(64.6% 0.177 25.0)

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

#FA9C5C

Apricot · SandyBrown · Warm Sun

HEX
#FA9C5C
RGB
rgb(250, 156, 92)
HSL
hsl(24, 94%, 67%)
HSB
hsb(24, 63%, 98%)
CMYK
cmyk(0%, 38%, 63%, 2%)
Oklch
oklch(77.7% 0.138 53.5)

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

#929840

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#929840
RGB
rgb(146, 152, 64)
HSL
hsl(64, 41%, 42%)
HSB
hsb(64, 58%, 60%)
CMYK
cmyk(4%, 0%, 58%, 40%)
Oklch
oklch(65.6% 0.112 112.7)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#469989

Mineral Blue · CadetBlue · Mint Ice

HEX
#469989
RGB
rgb(70, 153, 137)
HSL
hsl(168, 37%, 44%)
HSB
hsb(168, 54%, 60%)
CMYK
cmyk(54%, 0%, 10%, 40%)
Oklch
oklch(62.7% 0.085 179.0)

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

#CAB3A3

Apricot · Tan · Warm Sun

HEX
#CAB3A3
RGB
rgb(202, 179, 163)
HSL
hsl(25, 27%, 72%)
HSB
hsb(25, 19%, 79%)
CMYK
cmyk(0%, 11%, 19%, 21%)
Oklch
oklch(78.2% 0.035 57.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E65854
56E1E6

Analogous

E65699
E65854
E6A356

Triadic

E65854
56E65B
5B56E6

Split-Comp.

E65854
56E6A3
5699E6

Tetradic

E65854
99E656
56E1E6
A356E6

Contrast Matrix WCAG 2.1 Contrast

E65854
FA9C5C
929840
469989
CAB3A3
—
1.7
Fail
1.2
Fail
1.0
Fail
1.8
Fail
1.7
Fail
—
1.5
Fail
1.6
Fail
1.1
Fail
1.2
Fail
1.5
Fail
—
1.1
Fail
1.5
Fail
1.0
Fail
1.6
Fail
1.1
Fail
—
1.7
Fail
1.8
Fail
1.1
Fail
1.5
Fail
1.7
Fail
—
White BG
3.6AA Large
2.1Fail
3.1AA Large
3.4AA Large
2.0Fail
Black BG
5.9AA
10.0AAA
6.8AA
6.2AA
10.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A9A755
D1D06B
959555
6A6B8D
C0C0A7

Deuteranopia

B1BB55
D7DE6F
94945A
655F8E
C1C3A8

Tritanopia

DF5656
F5787A
92666A
4A9091
C9AAAB

Achromatopsia

828282
B1B1B1
8C8C8C
7E7E7E
B8B8B8

Shades & Tints Shades & Tints

#E65854

Dark
Light

#FA9C5C

Dark
Light

#929840

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e65854;
  --color-2: #fa9c5c;
  --color-3: #929840;
  --color-4: #469989;
  --color-5: #cab3a3;
}

SCSS

$color-1: #e65854;
$color-2: #fa9c5c;
$color-3: #929840;
$color-4: #469989;
$color-5: #cab3a3;

TAILWIND

colors: {
  'brand-1': '#e65854',
  'brand-2': '#fa9c5c',
  'brand-3': '#929840',
  'brand-4': '#469989',
  'brand-5': '#cab3a3',
}

RGB Array

[230, 88, 84], [250, 156, 92], [146, 152, 64], [70, 153, 137], [202, 179, 163]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E65854, #FA9C5C, #929840, #469989, #CAB3A3 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: #e65854; --color-2: #fa9c5c; --color-3: #929840; --color-4: #469989; --color-5: #cab3a3. 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